/*!
 * Main css for Tweet Binder
 * Designed and restyled by Mr.Binder
 */
 

body{font-family:Helvetica, Arial, sans-serif; color: #000;  padding-top: 40px; font-size: 13px; background: #fff; height: 57%; width: 100%; position: absolute; }
body.home{background:#C8A616; height: 100%; position: inherit;}
body.index{background:#000; position:inherit; height:100%}
body.error{background:#000; height: 100%; position: inherit; color: #fff}

.container {max-width: 960px;}

a:active, a:active *, button, button a:active, select, option, .dd { outline: none !important; -moz-outline-style: none !important; text-decoration:none; }
a:focus, a:focus *, button:focus, button a:focus { outline: none !important; -moz-outline-style: none !important;  text-decoration:none }
a img { border: none; }

a{ color: #818181}
a:hover, a:focus { color: #000}

.clean{ display:block; clear:both; float:none}

.top100{ margin-top:100px}
.top40{ margin-top:40px}
.top20{ margin-top:20px}
.top15{ margin-top:15px}
.top10{ margin-top:10px}
.top2{ margin-top:2px}
.top5{margin-top:5px}
.top8{margin-top:8px}
.left10{ margin-left: 10px}
.top-10{ margin-top:-10px}
.all20{margin:20px 20px 20px 20px}
.bottom5{ margin-bottom: 5px }
.nopadding{ padding: 0 0 0 0}
.padding20{padding:20px}

small{ font-size: 11px}
small .label{ font-size: 11px}

.ask{ color:#818181; font-weight: bold; vertical-align: middle; padding-top: 10px;}

a.info-tooltip { width: 15px; height: 15px; background: url(../../images/svg/info.svg) no-repeat center center; cursor: pointer; text-indent: -99999px; display: block; float: right; position: absolute;top: 4px; left: 120px;}

.tooltip{ font-weight: normal !important; font-family:Helvetica, Arial, sans-serif; text-align: left !important; text-transform: none !important;}

.serifText{font-family: 'fedraserifa_bookregular';}

.light{font-family: 'proxima_novalight';}

.noise{ background:url(../../images/noise.png) repeat;}

/* Icons for small use, ex: small text on top dashboard */
.glyphicons.small:before{font: 14px/1em 'Glyphicons Regular';}
.glyphicons.small{ padding-left: 22px;}

small .glyphicons.small:before{font: 12px/1em 'Glyphicons Regular'; margin: -7px 2px 0 4px}

ul.list-inline.divided li{ border-right: 1px solid #000}
ul.list-inline.divided li:last-child{ border: none}

.twitter{ background: url(../../images/svg/twitter_icon.svg) no-repeat center left;}

.proSession{color:#2AADDB; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding:2px 2px 1px 4px; border:1px solid #2AADDB; font-family: 'gothambold', Arial, Helvetica, sans-serif;  font-size: 11px; letter-spacing: 1px; margin-right: 6px;}

.modalOver{ position: absolute; z-index: 3000000}

.header .container.pro{background: url(../../images/pro_badge.png) no-repeat bottom right;} 

/* Navbar */
.navbar.top{ background: #efc50d; border-radius:0 0 0 0; min-height: 40px}
.navbar.top .navbar-brand{font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif; font-weight:normal;color:#000000; text-align: left; font-size: 21px;  padding: 10px 10px 10px 15px;}
.navbar.top .navbar-brand.house a{padding:10px 0 0 0; background:url(../../images/svg/house_icon.svg) no-repeat; width: 20px; height: 20px; display: block; text-indent: -99999px }

ul.navbar-nav.top { margin-right: -16px}
ul.navbar-nav.top li a{font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif; font-weight:normal; font-size:15px; color: #000; padding: 10px 14px;}
ul.navbar-nav.top li.active a, ul.navbar-nav li a:hover { background: #E2BD1E}
ul.navbar-nav.top li a .glyphicons:before{font: 15px/1em 'Glyphicons Regular'; margin-top: 2px}
ul.navbar-nav.top li a .glyphicons{padding-left: 20px; padding-right: 0}

ul.navbar-nav.top li.user a { margin: 0 0 0 0; cursor: pointer; text-decoration: none}
ul.navbar-nav.top li.user a:hover{ text-decoration: none}
ul.navbar-nav.top li.user {padding:10px 0}
ul.navbar-nav.top li.user ul{ margin: 0; padding: 0}
ul.navbar-nav.top li.user ul li{ margin: 0; padding: 0}
ul.navbar-nav.top li.user ul li a{ margin-left: 0}

ul.navbar-nav.top li.login a { background: url(../../images/svg/twitter_button.svg) no-repeat center right; text-indent: -99999px; width:158px; height: 21px; margin: 10px 15px 0; display:block} /* login with twitter */

.navbar-toggle:hover, .navbar-toggle:focus { background:#E2BD1E; border: none}
.navbar-toggle{ border:none; top: 4px;}
.navbar-toggle .glyphicons:before{ padding: 0 0 0 12px; margin: -15px 0 0 0}

.nav-collapse .nav li a, .nav-collapse .dropdown-menu a{ font-weight: normal}
.nav-collapse .nav li a:hover,.nav-collapse .nav li a:focus,.nav-collapse .dropdown-menu a:hover,.nav-collapse .dropdown-menu a:focus {background-color: #E2BD1E; border: none}
.nav-collapse .nav li a, .nav-collapse .dropdown-menu a { color: #000}

/* TW Footer Navbar */
.navbar.footer{ background: #000; border-radius:0 0 0 0; color: #818181; padding: 20px 0; font-size: 90%}

/* Navbar filter; Seek dashboard */
.btn-group.filter{ background:none; }
.btn-group.filter .btn{ background: #EAEAE2; color: #818181;  font-family: Helvetica, Arial, sans-serif; text-transform: none; letter-spacing: normal; border: none; border:1px solid #ddd; font-size: 13px;line-height: 15px;padding: 7px 7px 5px;}
.btn-group.filter a{color:#818181;}
.btn-group.filter a.active{ color: #000; background: #efc50d; border:1px solid #efc50d}
.btn-group.filter a.active .glyphicons:before, .btn-group.filter a:hover .glyphicons:before{ color: #000; }
.btn-group.filter a:hover {background-color:#e0e0d8; color: #000;  border:1px solid #e0e0d8 }
.btn-group.filter a.active:hover{background: #dcb616; border:1px solid #dcb616}
.btn-group.filter .glyphicons:before{font: 13px/1em 'Glyphicons Regular'; color: #818181}
.btn-group.filter .glyphicons.bin.alone:before{ margin-top:-7px;}
.btn-group.filter .glyphicons{padding-left: 19px; padding-right: 0}

/* Navbar Reports */
.btn-group.report{ background:none; }
.btn-group.report .btn{ background: #EAEAE2; color: #818181; border:1px solid #ddd; font-size: 13px}
.btn-group.report a{color:#818181;}
.btn-group.report a.active, .btn-group.report a:hover, .btn-group.report a.active .glyphicons:before,.btn-group.report a.active:hover .glyphicons:before { color: #000}


/* Forms and solo inputs */
input.form-control, textarea.form-control{border:1px solid #ddd}

input:focus, .form-control:focus{ border-color: #ddd; box-shadow: none; background-color: #f9f9f4}
input.search{ height: 30px; color:#818181; font-size: 95%; border: 1px solid #ccc; background: url(../../images/svg/searchBg.svg) right 10px center no-repeat transparent; width: 200px; border-bottom-right-radius: 3px !important;
    border-top-right-radius: 3px !important; padding-right: 30px; }
.glyphicons.btn-search:before{color: #FFFFFF; font: 14px/1em 'Glyphicons Regular'; margin: 8px 0 0 10px;}
.glyphicons.btn-search{ height: 30px; -webkit-border-radius: 3px;-webkit-border-top-left-radius: 1px;-webkit-border-bottom-left-radius: 1px;-moz-border-radius: 3px;-moz-border-radius-topleft: 1px;-moz-border-radius-bottomleft: 1px;border-radius: 3px;border-top-left-radius: 1px;border-bottom-left-radius: 1px;}

input.date{ height: 30px; color:#818181; font-size: 95%; border: 1px solid #DDDDDD;}
.glyphicons.btn-date:before{color: #000; font: 14px/1em 'Glyphicons Regular'; margin: 8px 0 0 10px;}
.glyphicons.btn-date{ height: 30px; background: #fff; border: 1px solid #ddd; border-left: none}

.form-control{box-shadow:none; border:none}

.form-control.filter{ font-size: 11px; color:#818181; height: 22px; display: inline; width: 47%; margin: 2px 0 0 10px; padding: 3px 6px;}
.form-control.seeker{ font-size:26px; background:#fff url(../../images/svg/seek_icon.svg) 12px no-repeat; padding:14px 46px; height:58px; color:#818181; font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif;font-weight:normal; border:1px solid #fff}
.form-control.live{ font-size:26px; background:#fff url(../../images/svg/live_icon.svg) 12px no-repeat; padding:14px 46px; height:58px; color:#818181; font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif;font-weight:normal; border:1px solid #fff}

select.form-control{border:1px solid #ddd}
select.form-control.tags{ float: left; width: 40%; height: 30px;}

.newReport label{ font-weight: normal}

.checkbox{ background:url(../../images/svg/checkboxBg.svg) no-repeat center center; float: left; height: 13px; margin-left: -13px; margin-right: 2px; margin-top: -2px; text-indent: -999999px; width: 13px;}
.checkbox.half{ background:url(../../images/svg/checkboxHalf.svg) no-repeat center center;}
.checkbox.full{ background:url(../../images/svg/checkboxFull.svg) no-repeat center center;}

.col-input .checkbox{margin:-9px 0 0 -9px; cursor: pointer; margin:0 0 0 -4px}
.col-input .checkbox.sessions{margin:-9px 0 0 -9px}

.dropdown-menu.search{left: -182px;min-width: 182px;top: 14px;}

form.formAdyen input[type='text']{background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;}

.well.wellAdyen{ background:#EFC50D; border:none; margin-top:60px; background:none; box-shadow:none}

form.smallSeeks .form-control.seeker{height:40px; font-size:18px; padding:0px 46px}
form.smallSeeks .btn-black.seek{ height:40px; font-size:18px; padding: 10px 21px; width: 72px; font-size:15px}

/*Footer general*/
#footer{ padding:30px 0; display:block; float:none; clear:both; width:100%}

.footerLinks{ text-align:center; color:#fff; margin:0; font-size:120%}
.footerLinks a{color: #fff; text-decoration: none; font-family: 'proxima_nova_regular', Helvetica, arial, sans-serif;  font-size: 15px; margin:0 15x}
.footerLinks a:hover{ color:#555}


/* Headings*/
h1,h2,h3,h4,h5,h6 {font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif; font-weight:normal;color:#000000;}

h1{ font-size: 32px; margin:0 0 20px 0;}
h1 .numTweets{font-family: 'proxima_novalight'; color:#000;}
h2{ font-size:22px; margin: 5px 0 10px 0}
h3{font-size:18px; text-transform: none; margin: 0 0 10px 0}

h2.seeker{ font-size:16px; margin: 5px 0 10px 0; display:block; clear:both; float:none}
h2.pull-left{ margin-right: 10px; line-height:16px}

h3.labelled{margin:5px 10px 0 0; font-family:'proxima_novaregular', Arial, Helvetica, sans-serif; float: left}
h2.session{font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif; margin:0; text-transform: capitalize;}
h2.session a{ color: #000}
h2.session a:hover{ color: #000; text-decoration: none}

.more{ font-size: 12px; font-family: 'fedraserifa_bookregular'; padding-top: 10px; vertical-align: middle; float:right}


/* Buttons */
.btn {font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif; font-weight:normal; font-size:15px;}
.btn:active, .btn.active{ box-shadow: none}

.dropdown-menu.filterTweets{width:150px}

.dropdown-menu.filterTweets .num{float:right; text-align: right}

.dropdown-toggle:hover{box-shadow: none}
.dropdown-toggle.dropFilter{ background: #EAEAE2; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 2px 0 0; padding: 3px 9px; width:148px text-align: left}
.dropdown-toggle.dropFilter img{margin-right:5px}

ul.dropdown-menu li.ng-binding { cursor: pointer}
ul.dropdown-menu li.ng-binding:hover{ background: #efc50d}

.dropdown-menu li a:hover,.dropdown-menu li a:focus,.dropdown-submenu:hover a,.dropdown-submenu:focus a{background:#efc50d; color: #000}
.dropdown-menu li a{font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif; font-weight:normal;}
.dropdown-menu.typeahead li a{font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif; text-transform: none; font-weight:normal;}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {/*font-size: 11px;*/}

.dropdown-menu.search li a{font-family:'proxima_novaregular', Arial, Helvetica, sans-serif; cursor: pointer }
.dropdown-menu.search li:first-child a {font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif;  border-bottom: 1px solid #DDDDDD; }
.dropdown-menu.search li a .number{position:absolute; right:10px; text-align:right}

.btn.filter {font-family:Arial, Helvetica, sans-serif; text-transform:none; font-weight:normal; font-size:13px; letter-spacing:  normal}
.btn-large{ font-size: 15px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

/* Default: Gris */
.btn-default {color: #ffffff; background-color: #818181;border-color: #818181;}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active {background-color: #686868;border-color: #686868;}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {background-color: #474949; border-color: #474949;}

/* Primary: Azul */
.btn-primary {color: #ffffff;background-color: #2AADDB; border-color: #2AADDB;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active {background-color: #228DB2;border-color: #228DB2;}
.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {background-color: #31CAFF;border-color: #31CAFF;}

/* Info: Amarillo */
.btn-info {color: #000; background-color: #efc50d;border-color: #efc50d;}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active {background-color: #CEAA15;border-color: #CEAA15; color:#000}
.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active {background-color: #FFFB71;border-color: #FFFB71;}
.btn-info .glyphicons.button:before, .btn-info .glyphicons.button { color: #000}

.glyphicons.button:before{color:#fff; font: 12px/1em 'Glyphicons Regular'; margin: 2px 0 0 0}
.glyphicons.button{ padding-left:20px; color: #fff}

/* Seek: black button*/
.btn-black.seek{ font-size:15px; padding:16px 21px; height:58px; color: #fff;-webkit-border-radius: 0;-webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius: 0;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;border-radius: 0;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.btn-black.home{ font-size:11px; margin:12px 0 0 0; color: #fff}
.btn-black {color: #ffffff; background-color: #000; border-color: #000;}
.btn-black:hover,.btn-black:focus,.btn-black:active,.btn-black.active {background-color: #222; border-color: #222; color:#fff}
.btn-black.disabled,.btn-black[disabled],fieldset[disabled] .btn-black,.btn-black.disabled:hover,.btn-black[disabled]:hover,fieldset[disabled] .btn-black:hover,.btn-black.disabled:focus,.btn-black[disabled]:focus,fieldset[disabled] .btn-black:focus,.btn-black.disabled:active,.btn-black[disabled]:active,fieldset[disabled] .btn-black:active,.btn-black.disabled.active,.btn-black[disabled].active,fieldset[disabled] .btn-black.active {background-color: #222; border-color: #222;  color:#fff}
.btn.btn-black a{color:#fff; text-decoration: none}

/* White button */
.btn-white {color: #000; background-color: #fff; border-color: #fff;}
.btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white.active {background-color: #f0f0f0; border-color: #f0f0f0; color:#000}
.btn-white.disabled,.btn-white[disabled],fieldset[disabled] .btn-white,.btn-white.disabled:hover,.btn-white[disabled]:hover,fieldset[disabled] .btn-white:hover,.btn-white.disabled:focus,.btn-white[disabled]:focus,fieldset[disabled] .btn-white:focus,.btn-white.disabled:active,.btn-white[disabled]:active,fieldset[disabled] .btn-white:active,.btn-white.disabled.active,.btn-white[disabled].active,fieldset[disabled] .btn-white.active {background-color: #f0f0f0; border-color: #f0f0f0;  color:#000}
.btn.btn-white a{color:#000; text-decoration: none}

/* Share button */
.btn.share{font-size: 11px; padding: 2px 6px; -webkit-border-radius: 3px;-webkit-border-top-left-radius: 0;-webkit-border-bottom-right-radius: 0;-moz-border-radius: 3px;-moz-border-radius-topleft: 0;-moz-border-radius-bottomright: 0;border-radius: 3px;border-top-left-radius: 0;border-bottom-right-radius: 0;}
.btn.share .glyphicons:before{ font: 11px/1em 'Glyphicons Regular';}
.btn.share .glyphicons{ padding-left: 18px}

/* Download button */
.download{ margin: 10px}


/* Dropdown OK */
.dropdown-menu .btn-primary {color: #ffffff !important;background-color: #2AADDB !important; border-color: #2AADDB !important; margin: 10px 5px 3px -20px !important; padding: 1px 6px !important;}
.dropdown-menu .btn-primary:hover,.dropdown-menu.btn-primary:focus,.dropdown-menu.btn-primary:active,.dropdown-menu.btn-primary.active {background-color: #228DB2 !important;border-color: #228DB2 !important;}
.dropdown-menu .btn-primary.disabled,.dropdown-menu .btn-primary[disabled],fieldset[disabled] .btn-primary,.dropdown-menu .btn-primary.disabled:hover,.dropdown-menu .btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.dropdown-menu .btn-primary.disabled:focus,.dropdown-menu .btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.dropdown-menu .btn-primary.disabled:active,.dropdown-menu .btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.dropdown-menu .btn-primary.disabled.active,.dropdown-menu .btn-primary[disabled].active,fieldset[disabled] .btn-primary.active {background-color: #31CAFF !important;border-color: #31CAFF !important;}


/* Nav tabs */
.nav-tabs { border-bottom:none;}
.nav-tabs li{ margin-right:3px}
.nav-tabs li a{ border: 1px solid #ddd; background:#EAEAE2; color:#818181; padding:6px 15px; font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif;  text-transform:uppercase; font-weight:normal; font-size:11px; letter-spacing:.2em; border-bottom: none}
.nav-tabs li.share a{ border: 1px solid #2AADDB; background:#2AADDB; color:#fff; border-bottom:none}
.nav-tabs .active.share.hover a,.nav-tabs .active.share.hover a:hover,.nav-tabs .active.share.hover a:focus; .nav-tabs li.share a:hover; .nav-tabs li.share.hover a:hover;{ border: 1px solid #228DB2; background:#228DB2; color:#fff;}

.nav-tabs .active a,.nav-tabs .active a:hover,.nav-tabs .active a:focus{color:#000; background-color:#ffffff;border:1px solid #818181;border-bottom-color:#fff;}
.nav-tabs li a:hover{ background:#fff; color:#000; border:1px solid #ddd; border-bottom: none}

.nav-tabs.tabSessions{ margin:0 0 0 -15px; width:560px}
.nav-tabs.tabSessions li{ border:none}
.nav-tabs.tabSessions li a, .nav-tabs.tabSessions li a:hover, .nav-tabs.tabSessions li a:focus{border:none; background:#cbcbc5; }
.nav-tabs.tabSessions li.active a, .nav-tabs.tabSessions li a:focus{ border:none; border-bottom:none; background:#f7f7f0}
.nav-tabs.tabSessions .tab-pane{padding:0}

.mySessions, #myReports{ background:#f7f7f0; padding:10px 10px 0;}

/* .nav-pills.binders{ padding: 5px; border: 1px solid #f0f0f0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} */
.nav-pills.binders{ margin-top: 8px}
.nav-pills.binders li{ background-color:#EAEAE2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #444; cursor: pointer; padding:10px 15px 6px 20px; margin-bottom: 5px}
.nav-pills.binders li:last-child{ margin-bottom: 0}
.nav-pills.binders li:focus, .nav-pills.binders li.active{ background-color:#EEC517; color: #000}
.nav-pills.binders li:hover{background-color:#e0e0d8 }
.badge{ padding: 3px 7px 2px; font-weight: normal; background:#a7a6a6}
.badge.second{ font-weight: normal; background:none; border: 1px solid #a7a6a6; color: #a7a6a6;margin-right: 10px; padding: 2px 7px 1px;}

.handle{ background:url(../../images/bg-binder.png) no-repeat center center; text-indent: -99999px; display: block; cursor: move; display: block; height: 23px; margin: -3px 2px 0 -15px; text-indent: -99999px; width: 28px;}

.nav-pills li a.glyphicons{ margin: 0 0 0 8px; padding-left:0; font: 14px/1em 'Glyphicons Regular';}
.nav-pills li a.glyphicons:before{ color: #a7a6a6}
.nav-pills li a:hover.glyphicons:before, .nav-pills li.active a.glyphicons:before{ color: #000}
.nav-pills li a:hover.glyphicons, .nav-pills li a:focus.glyphicons, .nav-pills li a:visited.glyphicons, .nav-pills li.active a.glyphicons{ background: none}
.nav-pills li.active .badge{ background: #000}
.nav-pills li.active:hover{background: #dcb616}

#categoryList{max-height: 500px; overflow-x: hidden; overflow-y: auto;}

#categoryList.nav-pills li a.textLink, #categoryList.nav-pills li a.active, #categoryList.nav-pills li a:focus{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:none;}
#categoryList.nav li a.textLink{margin-right: 5px; padding: 0 5px;}

.nav-pills.suggested{ padding: 5px 10px; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.nav-pills.suggested li{ background-color:#fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #818181; padding:0; margin-bottom: 5px}
.nav-pills.suggested li:last-child{ margin-bottom: 0}
.nav-pills.suggested li:hover, .nav-pills li:focus, .nav-pills li.active{ background-color:none; color: #000}

.nobinders{ background:url(../../images/nobinders.png) no-repeat center center; width:300px; height:100px; text-indent:-99999px; display:block; float:none; clear:both; margin:20px 0}

.badge{ padding: 4px 7px 1px; font-weight: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 11px}
.nav-pills.suggested li a.glyphicons:before{font: 13px/1em 'Glyphicons Regular'; margin: 2px 0 0 0; cursor: pointer}

/* .nav-pills li:hover:after, .nav-pills li.active:after { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
.nav-pills li:hover:after, .nav-pills li.active:after { border-color: rgba(234, 234, 226, 0); border-left-color: #EEC517; border-width: 16px; top: 50%; margin-top: -15px; }*/

ul.modulesNav{ position: fixed; margin: 0; padding: 10px; display: block; background: #f0f0f0}
ul.modulesNav li{ background:#2AADDB; padding: 20px; color: #fff; font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif;  text-transform:uppercase; font-weight:normal; font-size:11px; letter-spacing:.2em; height: 70px; display: block; list-style: none; margin: 0 0 20px 0; float: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }


/* Estructure*/
.header{ background: #F9F9F4; padding:0; margin: 0; border-bottom: 1px solid #ddd; padding: 20px 0 0 0}
.whiteBg{ background: #fff; display: block; clear: both; float: none; padding: 20px 0 5px 0}


/* Estructure
.header{ background: #F9F9F4; padding:0; margin: 0; border-bottom: 1px solid #ddd; padding: 20px 0 0 0;left: 0;margin: 0;min-height: 126px;overflow: hidden;padding: 20px 0 0;position: fixed;right: 0;z-index: 8;}
.whiteBg{ background: #fff; display: block; clear: both; float: none; padding: 70px 0 5px 0}*/



.header.streaming{ padding: 10px 0 0;}

@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}

@-webkit-keyframes animatedBackground {/* Safari & Chrome */
	from { -webkit-background-position: 0 0; }
	to { -webkit-background-position: 100% 0; }
}

.streaming	{ 
	background-image: url(../../images/stripes.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	-webkit-animation: animatedBackground 40s linear infinite;
	animation: animatedBackground 40s linear infinite;
}


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

/* Estructure*/
.errorContainer { padding-top: 40px}
.errorContainer h1{font-size:110px; color: #fff; line-height: 105px; text-transform: none; margin-bottom: 20px}
.errorContainer p, .errorContainer ol li, .errorContainer ul li{font-size:18px;}

/* TWEETS CONTAINER / seek: dashboard */
#tweetContainer, .tweetContainer{ display:block; float:none; clear:both; margin:10px 0 20px 0; padding:0;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ddd;}
#tweetContainer .navTweets {color:#000; padding:5px; font-size:95%;}
#tweetContainer .navTweets.top{border-bottom:1px solid #ddd; background: #F9F9F4}

#tweetContainer .navTweets.foot{border-top:1px solid #ddd; background: #F9F9F4;}

/* starred version: LARGE */
.tweetContent.large{font-size: 324% !important; line-height: 126% !important; width:100% !important; border:none; margin:0; padding:5px}
.tweetContent.large .image{line-height:0}
.tweetContent.large small.ng-binding, .tweetContent.large small.time{ display:none !important}
.rowTweet.largeVisor:hover{ background:none !important}

.headerTyr{ background: #01122e url(../../images/reyesHeader.png) no-repeat center center; width:100%; height:84px; display:block; clear:both; float:none; margin:0 0 20px 0; text-indent:-99999px; text-align:center}


@-moz-document url-prefix() {
#tweetContainer{margin-top:18px}
}

/* height limited for iPad tweetScroll{ height:480px;}*/
.tweetScroll{ overflow-x: hidden; overflow-y:scroll;}
.transcriptScroll{ overflow-x: hidden; overflow-y:scroll; height: 528px}


.col-input{ float: left; width: 15px; margin: -2px 0 0 0; padding: 4px;}

.col-input a .glyphicons{color: #ccc; font: 14px/1em 'Glyphicons Regular'; cursor: pointer}
.col-input a .glyphicons:before{color: #818181; cursor: pointer}
.col-input a:hover .glyphicons:before, .col-input.active .glyphicons:before, , .col-input a.active .glyphicons:before {color: #EEC517; cursor: pointer}
.vote.active{color: #EEC517 !important; cursor: pointer}

.col-input a:hover .glyphicons:before, .col-input .glyphicons.active:before,  .col-input .active.glyphicons:before  {color: #EEC517;}


/* TOP NAV: OPTIONS */
.options{ margin: 2px 2px 0 0}
.glyphicons.options:before{color:#818181; font: 14px/1em 'Glyphicons Regular'; margin:0 5px 0 0;}
a:hover .glyphicons.options:before{ color: #000; text-decoration: none}
.glyphicons.options{padding:5px 16px 4px 16px}

/* TWEETS FOOT NAV: OPTIONS */
.glyphicons.options.foot{padding:9px 10px 8px 10px}
#tweetContainer .navTweets.foot a{ margin: 0 8px; cursor: pointer}
#tweetContainer .navTweets.foot a:hover{ text-decoration: none}

.options .caret{ vertical-align: middle; margin: 2px 2px 0 -18px; color: #818181}
.caret.dark{ border-bottom-color: #818181; border-top-color: #818181;}
.caret.dark.buttons{ margin: 2px 2px 0 -14px;}
.caret.dark:hover{ border-bottom-color: #000; border-top-color: #000;}

.caret.black, .caret.black:hover, a:hover .caret.black{border-bottom-color: #000; border-top-color: #000;}

#tweetContainer .navTweets.top .btn, #tweetContainer .navTweets.top .btn:focus{ background:none; box-shadow: none; padding: 0; margin-top: -2px }
#tweetContainer .navTweets.top .btn:hover .glyphicons:before{ color:#000}
#tweetContainer .navTweets.top small{ line-height: 26px}

#tweetContainer .navTweets.top .col-input{border-right:1px dotted #ddd; padding-right: 21px}

.well.results{box-shadow: none; color: #ffffff;background-color: #2AADDB; border-color: #2AADDB; text-align: center;-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif;  border-top: 4px solid #228DB2; font-size: 15px; padding: 10px 5px 12px; margin-bottom: 0}
.well.results button{ margin: -2px 0 0 0}

.well.hidden{box-shadow: none; color: #ffffff;background-color: #a7a6a6; border-color: none; text-align: center;-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif; border-bottom: 4px solid #979595; font-size: 15px; padding: 10px 5px 12px; margin-bottom: 0}

/* OLD VERSION FOOT NAV: .tnfoot */
.glyphicons.footype-inside:before{color:#818181; font: 11px/1em 'Glyphicons Regular'; margin:6px 5px 0 0}
.glyphicons.footype-inside{ padding-left:17px; padding-top:3px; padding-right:12px; color:#818181;}
ul.navbar-nav.tnfoot li a:hover .glyphicons.footype-inside{ color: #000} 


/* TWEET */
.rowTweet{ display: block; float: none; clear: both; border-bottom: 1px solid #ddd; background: #fff; padding: 5px; margin: 0;}
.rowTweet.last{border-bottom:none}

.rowTweet:hover{background:#F9F9F4;}
.tweetContent{ /*width: 520px;*/ width:75%; float: left; padding: 5px 5px 5px 10px; margin: 0 10px; border-left: 1px dotted #DDDDDD; }
.tweetContent p a{text-decoration:none; color:#2AADDB;}
.tweetContent .image { width: 48px; height: 48px; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #F0F0F0; }
.tweetContent small.time {color: #999;float: right;margin-top: 1px;position: relative;}
.tweetContent .name{ float: left; font-weight: bold}
.tweetContent .name a{ font-weight: normal; text-decoration:none; color: #666 !important}

.tweetContent .col-image{width:48px; float: left; margin: 0 10px 0 0; padding: 0;}
.tweetContent .col-text{float:left; width: 85%; margin: 0; padding: 0}

small.time ul{ float: left; margin: 0 10px 0 0; padding: 0}
small.time ul li .glyphicons:before{ color: #999}
small.time ul li .glyphicons{padding-left: 10px;}

ul.listBinders{ margin:0; padding: 5px 5px 0 0;}
ul.listBinders li{ list-style: none; display: block; margin: 0 0 5px 0; padding:2px 0 2px 6px; background: #EAEAE2; color: #818181; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; font-size: 11px; width: 100px; overflow: hidden}
ul.listBinders li .glyphicons:before{font: 9px/1em 'Glyphicons Regular'; margin-top:3px; color: #818181}
ul.listBinders li .glyphicons{left: 6px; padding-right: 0}
ul.listBinders li a:hover .glyphicons:before{ color: #000}

.transcriptScroll .tweetContent{padding: 5px 5px 5px 0; margin: 0 10px; border-left: none }



/* Purity of the binder */

.purity{ width: 9px; height: 14px;  margin-left: 10px; margin-top: 1px; text-indent: -99999px;}
.purity.zero{ background:url(../../images/svg/pureza0.svg) no-repeat center center;}
.purity.one{ background:url(../../images/svg/pureza1.svg) no-repeat center center;}
.purity.two{ background:url(../../images/svg/pureza2.svg) no-repeat center center;}
.purity.three{ background:url(../../images/svg/pureza3.svg) no-repeat center center;}
.purity.four{ background:url(../../images/svg/pureza4.svg) no-repeat center center;}

/* tweet active */

.rowTweet.active{ background: #EEC517;}
.rowTweet.active .tweetContent small.time {color: #000;}
.rowTweet.active .tweetContent small.time ul li .glyphicons:before{ color: #000}

.rowTweet.active .col-input a .glyphicons:before{color: #000}
.rowTweet.active .col-input a:hover .glyphicons:before, .col-input a.active .glyphicons:before {color: #fff}

.rowTweet.active .tweetContent .name a{ color: #000; text-decoration:none}
.rowTweet.active .tweetContent p a{ color: #fff; text-decoration:none}

.rowTweet.active ul.listBinders li{ background: #C8A616; color: #000}
.rowTweet.active ul.listBinders li a:hover .glyphicons:before, .rowTweet.active ul.listBinders li a .glyphicons:before{ color: #000}

.rowTweet.active:hover{ background: #E2BD1E;}


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


/* Dropdown menu with images OLD ONE */

.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}
.borderRadiusTp ul li:last-child{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;border-bottom:0 none #c3c3c3; }
.borderRadiusBtm ul li:first-child{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0 ;border-bottom:1 solid #c3c3c3; }

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
opacity: .5; /* standard: ff gt 1.5, opera, safari */
-ms-filter:"alpha(opacity=50)"; /* ie 8 */
filter:alpha(opacity=50); /* ie lt 7 */
-khtml-opacity:.5; /* safari 1.x */
-moz-opacity:.5; /* ff lt 1.5, netscape */
color:#999999;
}
.ddcommon .clear{clear:both}
.ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
.borderRadius .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.borderRadiusBtm .shadow{-moz-box-shadow:-5px -5px 5px -5px #888888;-webkit-box-shadow:-5px -5px 5px -5px #888888;box-shadow: -5px -5px 5px -5px #888888}
.borderRadiusTp .border, .borderRadius .border{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}
.borderRadiusBtm .border{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .ddArrow{display:inline-block; position:absolute; top:50%; right:4px;}
.ddcommon .ddArrow:hover{background-position:0 100%;}
.ddcommon .ddTitle{padding:0; position:relative; display:inline-block; width:100%}
.ddcommon .ddTitle .ddTitleText{display:block;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left}
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999}
.ddcommon .ddChild li{clear:both;}
.ddcommon .ddChild li .description{display:block;}
.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left}
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;}

/*************** mr Binder´s theme **********************/
.dd{ cursor: pointer; border: 1px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 10px; width: 160px !important; background:#fff url(../../images/dd_arrow.png) no-repeat center right; color:#000; height: 27px;}
.dd .divider{right:24px;}
.dd .ddArrow{width:16px;height:16px; margin-top:-8px; /*background:url(../../images/dd_arrow.gif) no-repeat;*/}
.dd .ddArrow:hover{background-position:0 100%;}
.dd .ddTitle{color:#000;background:none; line-height: 11px; font-size: 12px; padding:3px 20px 1px 5px;}
.dd .ddTitle .ddTitleText{padding:5px 20px 5px 5px; width: 146px !important}
.dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
.dd .ddTitle .description{font-size:12px; color:#666}
.dd .ddTitle .ddTitleText img{padding-right:5px;}
.dd .ddChild{border:1px solid #ddd; background-color:#fff;  height: 201px !important; left: -18px;position: absolute;top: 31px !important;}
.dd .ddChild li{padding:5px; background-color:#fff; border-bottom:1px solid #ddd;}
.dd .ddChild li .description{color:#666;}
.dd .ddChild li .ddlabel{color:#333;}
.dd .ddChild li.hover{background-color:#F9F9F4}
.dd .ddChild li img{padding:0 6px 0 0;}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.dd .ddChild li.selected{background-color:#EAEAE2; color:#000;}


/* Dropdown menu with images GOOD ONE */

ul.dropdown-menu li.ng-binding{padding:3px 12px; margin:0 0 3px 0; font-size: 13px}
ul.dropdown-menu li.ng-binding img{ margin-right: 4px}
ul.dropdown-menu li.ng-binding num{ color:#666}


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



/* Home */

.container.container960{ max-width:960px; }

.rowHome{height: 630px;}

.helloBg{ display:block; float:none; clear:both; background:#c8a616 url(../../images/bg_clouds2.png) no-repeat top center; padding:100px 0 200px 0;}

h1.index{ margin:4em 0 1em 0; font-size: 280%;}

.mrBinder{margin: 0; float: right}
.mrBinderLive{margin: 0 0 0 0; float: right}
.mrBinderLive object{top:0; left:0;}

.logo{ margin: 6% 0 6% 0; padding:0; text-align:center; width:100%; height:auto }
.logo img, .logo object{max-width:100%; height:auto}
.loginHome{float:left; margin:0 10px 0 0;}
.loginHome a{  background:url(../../images/sign-in-with-twitter-gray.png) no-repeat; width:158px; height:28px; text-indent:-99999px; display:block}
a.homeList { color: #fff; text-decoration: none; font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif;  font-size: 13px;}
a.homeList:hover{ color: #555; text-decoration: none}

.well.seeker{box-shadow:none;   padding: 10px 10px 23px;}
.progress{background-color: #fff;box-shadow: none;height: 32px;margin-bottom: 0;}
.progress.left{width: 95%; float: left}
.progress-bar{ box-shadow:none}
.progress-striped .progress-bar-warning {background-color: #EFC50D;}

.well.seeker .glyphicons:before{float: right; font: 24px/1em 'Glyphicons Regular'; color: #999; margin: -4px 0 0 10px}
.well.seeker a:hover .glyphicons:before{ color: #000}

.message{font-family:'fedraserifa_bookregular', Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 26px; margin:10px 0 0 0; width: 80%}
.message a { color:#fff; font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif;}

.well4000{margin: 20px 0 20px 0; width:100%; font-family:'proxima_novaregular', Arial, Helvetica, sans-serif; color:#000; list-style:none; background:url(../../images/sellopro_well.png) no-repeat right bottom #fff; height:230px}
	.well4000 .btn{width:100%;}

ul.features{ margin:20px 10px 0 10px; padding:0; width:45%; float:left}
ul.features li{ list-style:none; width:100%; display:block; float:none; margin-bottom:5px; padding:5px 0 5px 25px; border-bottom:1px solid #ddd; font-family:'proxima_novaregular', Arial, Helvetica, sans-serif; background:url(../../images/ok_icon.png) no-repeat center left}

p.continue2000{font-family:'proxima_novaregular', Arial, Helvetica, sans-serif; font-size:16px; margin-top:20px}
p.continue2000 a{ color:#000; font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif;}
p.continue2000 a:hover{ color:#fff}

.btnResults{ width:300px}

#tweet.results{font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif;  font-size: 16px; text-align: left; padding: 10px 20px 20px 5px; color: #000}

ul.logoshome{ display:block; float:none; clear:both; border-top:1px solid #303231; padding:10px 0; margin-top:60px}
ul.logoshome li{ float:left; margin:0 18px; text-indent:-99999px; height:50px; list-style:none}
ul.logoshome li.text{ height:inherit; text-indent:inherit; font-family: 'fedraserifa_bookregular'; color:#303231; margin-left:0; margin-right:35px}
ul.logoshome li.nfl{ background:url(../../images/nfl.png) no-repeat center center; width:36px}
ul.logoshome li.bbva{ background:url(../../images/bbva.png) no-repeat center center; width:75px}
ul.logoshome li.nbc{ background:url(../../images/nbc.png) no-repeat center center; width:46px}
ul.logoshome li.timewarner{ background:url(../../images/timewarner.png) no-repeat center center; width:92px}
ul.logoshome li.principales{ background:url(../../images/40principales.png) no-repeat center center; width:59px}
ul.logoshome li.rtve{ background:url(../../images/rtve.png) no-repeat center center; width:62px}
ul.logoshome li.fcbarcelona{ background:url(../../images/fcbarcelona.png) no-repeat center center; width:45px}
ul.logoshome li.desigual{ background:url(../../images/desigual.png) no-repeat center center; width:102px}

.destHome{ display:block; float:none; clear:both; margin:40px 0; font-family:'fedraserifa_bookregular', Georgia, "Times New Roman", Times, serif; font-size: 115%;line-height: 1em;}
.destHome a{ width:47%; float:left; height:123px; color:#000; text-decoration:none;  padding-top: 38px; cursor:pointer}
.destHome a h3{font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif;}
.destHome a.dest1{ background:url(../../images/dest_4000.png) no-repeat center left; margin-right:34px; padding-left:130px}
.destHome a.dest2{ background:url(../../images/dest_help.png) no-repeat center left; padding-left:130px}


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


/* REPORTS */

.well.module{background:#EAEAE2; border:1px solid #ddd;  box-shadow:none; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding: 20px 10px; margin:5px 0 30px 0}
.aviso{ float: right; margin: 12px 0 -5px 0; padding: 0}

.alert-danger{ border:1px solid #A20117; color:#A20117; text-align:center; text-transform:uppercase;font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif; background-color:#ddd }
	.alert-danger h4{ color:#A20117; }

.totalTweets{font-family: 'proxima_novalight', Arial, Helvetica, sans-serif; font-size: 45px; line-height: 50px; padding-left: 20px}
.totalTweets.small{font-size:35px; margin-top: 5px;}
.totalTweets .number{font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif;}

ul.statistics li{ width: 47%; font-size: 11px}

table.statistics{ margin-bottom: 0}
table.statistics tr td{ text-align: center; font-family:'proxima_novaregular', Arial, Helvetica, sans-serif; font-size: 18px; line-height: 18px;}
table.statistics tr td .number{font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif; font-size: 30px; line-height: 36px;}

ul.links li, ul.links li a{ color: #999}


/* general statistics*/
td.moduleTd{ width:12%; background:#f0f0f0; padding:10px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#legendDateFrom{ text-align:center; margin:10px 0; font-family:'proxima_novaregular', Arial, Helvetica, sans-serif; font-size: 130%; padding-bottom:10px; border-bottom:1px solid #ddd }
.legendNumber{font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif; text-align:right; font-size: 240%; margin:-10px -10px 0 0; float:right}

/* Rankings*/

.ranking{ width: 178px; height: 250px; position: relative; margin: 0 auto; padding:180px 0 0 0}
.ranking.popular{background: url(../../images/svg/popular.svg) no-repeat center top;}
.ranking.impact{background: url(../../images/svg/impact.svg) no-repeat center top;}
.ranking.original{background: url(../../images/svg/original.svg) no-repeat center top;}
.ranking.active{background: url(../../images/svg/active.svg) no-repeat center top;}

.ranking .first, .ranking .second, .ranking .third{ float:left; margin:8px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; overflow: hidden;}

.ranking .first img, .ranking .second img, .ranking .third img{ width:40px; height:40px}

.list-group.rankings{ text-align: left}
.list-group.rankings .badge{ background: none; color: #000}
.list-group.rankings .list-group-item{padding:3px 15px 1px 8px }


/* Contributorss */

.list-group.contributors{ text-align: left}
.list-group.contributors .badge{ background: none; color: #000}
.list-group.contributors .list-group-item{padding:3px 15px 1px 8px }

.list-group.contributors .level{width: 10px; height: 10px; float: left; margin:3px 10px 0 0;}


/* Percentaje bar */
.progress.percents{margin: 0 20px 20px;}
.glyphicons.white{color:#fff}

.level1{background:#2AADDB}
.level2{background:#2e89b7}
.level3{background:#297aa3}
.level4{background:#246b8e}
.level5{background:#1f5c7a}
.level6{background:#194c66}
.level7{background:#143d52}

/* g Raphael charts*/
#holder {height: 250px;margin: 0 auto; width: 740px;}
/* #holder{margin:0; width: 700px;height: 700px; border: 1px solid Red} */


/* Tweets & Binders */
ul.list-group.filters li.list-group-item{ padding: 4px 10px 3px; cursor: pointer;}
ul.list-group.filters li.list-group-item a:hover{ text-decoration: none}
ul.list-group.filters li.list-group-item .badge{ margin-right: 0; background: none; color:#000}

ul.list-group.filters.height{height: 344px; /* overflow-y: scroll */}

ul.filters li.active{ background-color: #2AADDB; color: #fff  }

.well.white{ background: #fff; box-shadow:none; border: 1px solid #fff}

.row.padding{ padding:20px}

table tr.level1, table tr.level2, table tr.level3, table tr.level4, table tr.level5, table tr.level6, table tr.level7{color:#fff}

table.numbers tr td, table.numbers tr th{text-align:right}
table.numbers tr td.text-left, table.numbers tr th.text-left{text-align:left}

table.numbers tr{border-bottom:1px solid #ccc}
table.numbers th{border-bottom:1px solid #000; }

table.numbers .checkbox{cursor: pointer; margin: 3px 0 0 5px;}

.well.savedCharts .pull-left{width: 45%;}
.well.savedCharts .pull-right{ width:45%;}
.well.savedCharts h4{ text-transform: none}

.well.savedCharts.large .pull-left{width: 75%;}
.well.savedCharts.large .pull-right{ width:25%;}

.well.savedCharts .pull-right .btn, .well.savedCharts-large .pull-right .btn{width:100px}


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


/* PUBLIC REPORT */

.well.ad{color: #ffffff;background-color: #2AADDB; -webkit-border-top-left-radius: 3px;-webkit-border-top-right-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-topright: 3px;border-top-left-radius: 3px;border-top-right-radius: 3px; padding: 20px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: center; border:none}
.well.ad a{color:#fff}
.well.ad a:hover{color:#fff; text-decoration: none}

.reported{font-family: Arial, Helvetica, sans-serif; margin:15px; float: right; font-size: 16px;}
.reported .user{font-family:'proxima_novaregular', Helvetica, Arial, sans-serif;}

.logoReport{ margin-top:13px}
.logoReport img{ max-width:100%;}

.wellRS{ background:#fff; border:1px solid #f0f0f0}

.defaultRS{display:block}
.customRS, .navigationRS, .headerRS, .poweredRS{display:none}


/* NON RESPONSIVE*/

.container.nonResponsive{ max-width:none; width:960px; margin:0 auto; padding:0}
.container.nonResponsive .col-lg-12{ width:930px;}
.container.nonResponsive .col-lg-5{ width:375px}
.container.nonResponsive .col-lg-4{ width:270px}
.container.nonResponsive .col-lg-7{width:524px}
.container.nonResponsive .col-lg-8{ width:630px}
.container.nonResponsive table{font-size:90%}
.container.nonResponsive .well.module{padding: 20px 10px 10px 0;}
.container.nonResponsive .slideWrapper{display: none;}
.container.nonResponsive  .list-group-item{ font-size:90%}
.container.nonResponsive .totalTweets{ font-size:300%}
.container.nonResponsive .totalTweets.small{ font-size:210%}
.container.nonResponsive table{max-width: 95%;}
.container.nonResponsive .alert-danger{ margin:20px 60px;}

.container.nonResponsive .row.cabecera{ background: #efc50d; padding:10px 0 8px 0; margin: 0; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; display:block; float:none; clear:both; width:900px}




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


/* SESSIONS */

.proccessBg{background:#EAEAE2 url(../../images/bg_clouds2.png) no-repeat top  center ; padding:10px 0}

.col-lg-5.smaller{width:38% !important; padding-right:0 !important} /* we need more space here! */

.navSessions{background: #fff; color: #818181;  font-family: Helvetica, Arial, sans-serif; text-transform: none; letter-spacing: normal; border: none; padding: 8px 0 0 10px ; height: 37px; margin:0;}
.navSessions .checkbox{ margin-left:0; margin-top:0}

.navSessions .btn-group.filter .btn{color:#000}
.navSessions .btn-group.open .dropdown-toggle{box-shadow:none}
.navSessions .dropdown-menu { padding:0}
.navSessions .dropdown-menu li a{font-size:13px; font-weight:normal; font-family: Arial, Helvetica, sans-serif;padding:5px 10px; line-height:1.5; font-size:13px; margin:0; height:auto; color:#000}
.navSessions .dropdown-menu li a:hover{ padding:5px 10px;line-height:1.5; font-size:13px; margin:0; background:#edc520; height:auto; border:none}

ul.sessions{ margin: 0 0 40px 0; padding: 0; display: block; overflow-x: hidden; overflow-y:scroll; height:743px; background:#FFFFFF; border: 9px solid #FFFFFF;}
ul.sessions li.session{ list-style: none; float: none; clear:both; display: block; border-bottom: 1px solid #ddd; margin:0; padding: 10px 10px 10px 0; height: 74px;}
ul.sessions li.session.teamSession{ height:auto}
ul.sessions li.session.active, ul.sessions li.session:hover{background: #EFC50D}

ul.sessions li.session small{line-height: 1;}

ul.sessions li.session .glyphicons:before{ color: #666666; font: 18px/2em 'Glyphicons Regular'; right:0; left:inherit}
ul.sessions li.session .glyphicons:hover{ color:#000 !important}

/*ul.sessions li.session.suspended,
ul.sessions li.session.suspended:hover{ 
	background-image: url(../../images/stripes.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	-webkit-animation: animatedBackground 40s linear infinite;
	animation: animatedBackground 40s linear infinite;
}	*/ 

ul.sessions li.session.suspended, ul.sessions li.session.suspended h2 a, ul.sessions li.session.suspended ul.sessionStatus li{ color:#999}
		 
.navSessions .btn-group.filter .btn{border:none; margin:-3px 5px 0 ; background:#fff}

ul.sessions li.session .col-input{ margin:20px 10px 0 8px;}

.dropdown-menu.dropSessions{margin:2px 0 0 -100px}

.well.userProfile{ padding-bottom:2px}
.userProfile img{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; float:none; margin:0 20px 20px 0; float:left;}
.userProfile ul{ float:left; padding:0}
.userProfile ul li{ list-style:none; float:none; font-size:12px; height:15px; padding:0; margin:5px 0 10px 0}
.userProfile .edit{cursor: pointer;}
.userProfile .edit form{ display:inline; clear:none;}
.userProfile .edit input{border:none; background:#fff; padding:3px 6px; clear:none; display:inline !important; margin:0; width:150px !important; height:20px; color:#666; font-weight:bold}

.well.white .form-control.seeker{ background-color:#ffff; border:1px solid #ddd; background-image:none; padding-left:10px}
.well.white a{ color:#2aaddb}
.well.white a:hover{ color:#000; text-decoration:none}

.well.twitter{background:#2aaddb; border:#2aaddb}
.well.twitter a{ color:#fff}

ul.sessionStatus{ margin:0; padding:0}
ul.sessionStatus li{ font-size:11px; color:#000; display:block; float:none; list-style:none}
ul.sessionStatus li.suspendedInfo{ color:Red !important}
ul.sessionStatus li a{ color:#000; font-weight:bold}

.userTeam .teamProfile{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; float:none; margin:0 10px 0 0; float:left; width:50px; height:50px; overflow:hidden}
.userTeam .teamName{ float:left; font-family:'proxima_novaregular', Helvetica, Arial, sans-serif;; margin-top:18px}

ul.sessionViewers{margin: 0; padding: 0}
ul.sessionViewers li{ list-style:none; margin:0 0 5px 0; padding-bottom:5px; border-bottom:1px solid #ddd; text-transform:capitalize}


/* new report */

.well.yellow{background:#c8a616; border:none;  box-shadow:none; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; padding: 0; margin: 0}
.well.yellow.found{background: #c8a616 url(../../images/svg/mrBinderFound.svg) no-repeat top right;  padding: 20px; margin: 10px 0 0 0; color: #000}
.well.yellow.found p{font-family: 'fedraserifa_bookregular'; font-size: 18px; width: 70%}
.well.yellow.found form label{font-weight: normal; display: block; float: none; margin: 0 0 5px 0; cursor: pointer}
.well.yellow.found form label input[type="checkbox"]{ margin-right:8px;}

.well.yellow.result{ padding: 20px; min-height: 682px}

ul.foundButtons{ margin: 20px 0 0 0; padding: 0;}
ul.foundButtons li{ list-style: none; margin: 0 10px 0 0;}

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


/* PUBLIC & HOMES */

.publicContent{padding-top: 30px;}
.publicContent h1{ font-size:3em; margin:0 0 15px}
.publicContent h2{ color: #fff; font-family: 'fedraserifa_bookregular'; font-size: 1.8em; margin: 0 0 20px 0; text-transform: none}
.publicContent h3{ font-size: 2em; line-height: inherit; font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif;  text-align:center}
.publicContent h3 .light{font-family:'proxima_novaregular', Helvetica, Arial, sans-serif;}

.publicContent p{font-family: 'fedraserifa_bookregular'; line-height: 162%; font-size: 14px}

.publicContent p a{ color:#fff}

.publicContent.nomargin.leftHeaders h1, .publicContent.nomargin.leftHeaders h2{ text-align: left}
.publicContent.nomargin.leftHeaders h2{ margin-bottom: 20px}

.publicContent img.border{border:1px solid #bc9c14; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}

.publicContent .notes{font-family: 'Shadows Into Light Two',cursive;font-size: 22px;position: absolute; z-index: 2}
.publicContent .notes.first{left: 166px;top: 291px; width: 45%;}
.publicContent .notes.second{left: 48px;top: 457px; width: 85%;}
.publicContent .notes.third{left: 308px;top: 131px;width: 77%;}
.publicContent .notes.fourth{  left: 86px; top: 516px;width: 62%;}

.publicContent .arrow1{width: 100px; height: 40px; left: 136px;position: absolute;top: 247px;}
.publicContent .arrow2{width: 30px; height: 158px; left: 136px;position: absolute;top: 300px;}
.publicContent .arrow3{left: 56px;position: absolute;top: 150px;}
.publicContent .arrow4{left: 344px;position: absolute;top: 457px;z-index: 2;}

.well.features{ background:none; border:1px solid #000; width:inherit; margin:20px auto; padding:10px; text-align:center; font-family: 'gothambold', Arial, Helvetica, sans-serif; font-size:90%; color:#000; text-transform:uppercase}
.well.features ul{ margin:0; padding:0}
.well.features ul li{ list-style:none; display:inline; margin:0 10px;}

.bird_flying{ position: absolute; z-index: 1}

ul.staticNav{ text-align:center}
ul.staticNav li{ float:left; padding:0 20px; font-family: 'gothambold', Arial, Helvetica, sans-serif; text-align:center; list-style:none}
ul.staticNav li a{ color:#fff}

/*ul.plans{ margin:2em 0 1em 0; margin:0; padding:0; list-style:none}
ul.plans li{ width:32%; float:left; margin:0 16px 20px 0; padding:20px; background:#eee; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; text-align:center}
ul.plans li.premiumPlan{ background:#fff}
ul.plans li:last-child{ margin-right:0}

ul.plans li h3{font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif; text-align:center; line-height:1em}
ul.plans li h4.number{font-family: 'fedraserifa_bookregular'; font-size:182%}
ul.plans li .price{font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif; font-size:200%}
ul.plans li .btn{ width:100%; text-align:center; margin-top:1em; font-size:100%}
ul.plans li .btn a{ color:#fff}
ul.plans li p a{color:#2aaddb}*/

ul.cases{ margin:0; padding:0}
ul.cases li{ float:left; width:300px; margin:0 20px 30px 0; list-style:none; font-size:100%; }
ul.cases li:last-child{margin-right:0}
ul.cases li h3{font-size:18px; margin:10px 0 5px 0; text-align:left}
ul.cases li p{ line-height:14px; margin-bottom:0}
ul.cases li small{ font-size:12px}
ul.cases li img{border:6px solid #fff; cursor:pointer; }
ul.cases li img:hover{border:6px solid #f0f0f0;}

table.plansTable{ margin-top:3em; font-size:115%;}
table.plansTable tr, table.plansTable td{ border-bottom:1px solid #000; font-family: 'fedraserifa_bookregular'; text-align:center; padding:10px 0 4px}
table.plansTable th{font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif;  text-align:center; font-size:22px}
table.plansTable td.features{ text-align:left}

table.plansTable .glyphicons:before {color: #2AADDB;font: 14px/1em 'Glyphicons Regular';margin: -6px 5px 0 18px;} 

.starter{ background:url(../../images/starter.png) no-repeat center; text-indent:-99999px; width:100px; height:100px; margin:10px auto; text-align:center}
.advanced{ background:url(../../images/advanced.png) no-repeat center; text-indent:-99999px; width:100px; height:100px; margin:10px auto; text-align:center}
.premium{ background:url(../../images/premium.png) no-repeat center; text-indent:-99999px; width:100px; height:100px; margin:10px auto; text-align:center}

/* Plans and pricing */

.plansBg{ display:block; float:none; clear:both; background:#c8a616 url(../../images/bg_clouds2.png) no-repeat center top; padding:0 0 100px 0;}
.end_purchase{ display:block; float:none; clear:both; margin:10em 0; text-align:center}
	.end_purchase h1{ margin-top:.7em}


/* Contact */

.contactBg{ display:block; float:none; clear:both; background:#c8a616 url(../../images/bg_clouds2.png) no-repeat top center; padding:0 0 100px 0;}

ul.social li a{ width: 42px; height: 42px; display: block; text-indent: -99999px }
ul.social li.skypeContact a{ width: 42px; height: 42px; display: block; background:url(../../images/svg/skype.svg) no-repeat;  }
ul.social li.facebookContact a{ width: 42px; height: 42px; display: block; background:url(../../images/svg/facebook.svg) no-repeat;  }
ul.social li.mailContact a{ width: 42px; height: 42px; display: block; background:url(../../images/svg/mail.svg) no-repeat;  }
ul.social li.twitterContact a{ width: 42px; height: 42px; display: block; background:url(../../images/svg/twitter.svg) no-repeat;  }


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


/* MODALS */

.modal-body {padding: 20px 20px 0 20px;}
.modal.foto .modal-content{padding: 20px;}
.modal.foto img{ margin-bottom: 10px}
.modal-dialog.caseBig{width:660px}
	.modal-dialog.caseBig img{ margin-top:20px}
	
.alert, .merge{padding:15px 0 0 15px; background:#fff}
.alert .modal-footer, .merge .modal-footer{margin-left: -15px;}
.alert p, .alert h2{ color: #F00}
.modal-content select.form-control{ width:97%}
.alert-block{ padding:15px; color:#F00; border:1px solid #f00; background:transparent}
.alertLoading{border:1px solid #2aaddb;}
	.alertLoading h2{ color:#2aaddb}
	.loadingBlue{ background:url(../../images/loaderBlue.gif) no-repeat center center; width:128px; height:15px; text-indent:-99999px; display:none}


/* PHOTO GALLERY AND LINKS*/

ul.thumbnails{ max-height: 500px; overflow-x: hidden; overflow-y: auto;}
ul.thumbnails li{ cursor: pointer;/*  width:146px; */ height: 96px; overflow: hidden; background: #fff;  margin: 2px;}
ul.thumbnails li img{ height: 96px;}

.well.wellLinks{max-height: 500px; overflow-x: hidden; overflow-y: auto;}



/* ANIMATION EFFECTS */

/* logo */
#animation-container {
animation: inout 1s;
animation-iteration-count: 1;
-webkit-animation: inout 1s; /* Safari & Chrome */
-webkit-animation-iteration-count: 1;
}
 
@keyframes inout {
0%   { transform: scale(0.9, 0.9); }
100%  { transform: scale(1, 1); }
}
 
@-webkit-keyframes inout { /* Safari & Chrome */
0%   { -webkit-transform: scale(0.9, 0.9); }
100% { -webkit-transform: scale(1, 1); }
}

span#contador{ padding-right: 10px }
	 span#contador.muted{ color: #999999 }

/* slide tips info */

.slideWrapper {
    position: relative;
    overflow: hidden;
    width: 340px; 
    height: 60px;
    float: right; 
    margin:-13px -6px 0 0; 
    display: block;
}
#slide {
    position: absolute;
    background:url(../../images/svg/tips_info.svg) no-repeat;
    bottom: -100px;
    width: 340px; 
    height: 60px;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 0.5s forwards;
    animation-delay: 2s;
    
}

@-webkit-keyframes slide {
    100% { bottom: 0; }
}

@keyframes slide {
    100% { bottom: 0; }
}

/* vanishing waves */

.vanishOut {
  -webkit-animation-name: vanishOut;
  -moz-animation-name: vanishOut;
  -ms-animation-name: vanishOut;
  -o-animation-name: vanishOut;
  animation-name: vanishOut;
}

@-moz-keyframes vanishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(20px);
  }
}
@-webkit-keyframes vanishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(20px);
  }
}
@-o-keyframes vanishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(20px);
  }
}
@-ms-keyframes vanishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(20px);
  }
}
@keyframes vanishOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    -o-transform: scale(2, 2);
    transform: scale(2, 2);
    -webkit-filter: blur(20px);
  }
}



/* ALL DISPOSITIVES */

@media (max-width: 979px) {

* {
margin: 0px;
padding: 0px;
-webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
-webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
-webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
-webkit-user-select: none;                 /* prevent copy paste, to allow, change 'none' to 'text' */
    }

ul.navbar-nav li.user a {border:none; margin: 0}
.navbar .navbar-brand{ margin-left: 0; text-align: left}

ul.navbar-nav.top li.user a {padding: 10px 16px; margin: 0 0 0 0; border-left:none;}
ul.navbar-nav.top li.user a:hover, ul.navbar-nav li.user a:focus{border-left:none;}

.mrBinder{display:none}

}

/* smartphones */
@media screen and (max-width:490px) { 
.logo{ margin: 6% auto; padding:0; text-align:center; width:290px; height:98px }
.logo img, .logo object{width:290px; height:98px}
ul.plans li{ width:100%; float:none; margin:0 0 10px 0; padding:20px; background:#fff; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; text-align:center; display:block; clear:both}
.col-lg-5.smaller{ width:100% !important; padding-right:15px !important}
 }


/* NEW TB STYLES*/

.pull-left{float:left}
.pull-right{float:right}

ul.plans{margin:2em 0 1em 0; padding:0; list-style:none}
ul.plans li{display:blocK; float:none; clear:both; background:#fff; margin:0 0 20px 0; padding:20px 20px 0 20px; position:relative; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
ul.plans li:after{clear:both; content: ""; display:block; height:0; visibility:hidden}

ul.plans li h3{line-height:1em; text-align:left; font-family: 'proxima_novalight';}
ul.plans li h4.number{font-family: Arial, Helvetica, sans-serif; font-size:182%}
ul.plans li .price{/*font-family: 'Open Sans', Helvetica, Arial, sans-serif; */font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif; margin:5px 0}
ul.plans li .btn{text-align:center; margin-top:1em; font-size:100%; position:absolute; right:20px; bottom:20px}
ul.plans li .btn a{ color:#fff}
ul.plans li p a{color:#2aaddb}

ul.plans li .txt{width:700px; margin-top:20px}
ul.plans li .img{width:200px}

.modal-examples{text-align:center; }
.modal-examples img{margin:0 auto 20px}
.modal-examples a{color:#2aaddb !important}
.modal-examples p{width:400px; margin:0 auto;}

ul.plans li ul.examples{display:block; float:none;clear:both; margin:10px 0 0 0; padding:0}
ul.plans li ul.examples li{ display:inline; float:left; margin-right:20px; clear:none; padding:0}


.aviso-panel{ float:none; clear:both; background:#eaeae2 url(../../images/panel-aviso.png) no-repeat left 5px center; padding:10px 10px 10px 84px; border:1px solid #d5d5cf;  position:relative; margin:20px auto; height:80px;}
.aviso-panel p{font-family: 'proxima_novalight', Helvetica, arial, sans-serif !important; color:#333 !important; font-size:19px; margin-top:15px}
.aviso-panel p a{font-family: 'proxima_nova_rgbold', Helvetica, arial, sans-serif !important; color:#333 !important}
.aviso-panel #close{position: absolute; top:5px; right:10px; cursor:pointer; color:#666; font-size:18px; font-family: 'proxima_novalight', Helvetica, arial, sans-serif !important;}
.aviso-panel .go-hide:target {display: none !important; }


.alertLimit { display: block; float: none; clear: both; text-align: center; padding: 5px; font-weight: bold; background: #3f8cf6; color: #fff; margin: 0 0 10px 0 }
    .alertLimit a { color: #fff }