@charset "utf-8";

/* ============================== */
/* 
	- Title: Project 4
	- Autor: Alex vargas
*/
/* ============================== */


/*  Import Styles
================================================== */

/* bootstrap.css  - include resetes ( Media querys, grid-responsive,layout).*/
@import url("/lib/bootstrap/css/bootstrap.css");
@import url("/lib/bootstrap/css/bootstrap-responsive.css");


/*Icons*/
@import url("/lib/font-awesome/css/font-awesome.min.css");



/*Google Fonts*/
@import url("//fonts.googleapis.com/css?family=Lato:400,100italic,100,300,300italic,700,400italic,700italic,900,900italic");



/*media query.css*/
@import url("media-queries.css");


/*  Standar Styles
================================================== */

BODY, HTML {
	min-width: 980px !important;
	display: block;
	width: 100%;
	height: 100%;
}
BODY {
    font-family: 'Lato', sans-serif;
    padding: 0px;
    font-size: 14px;
}

textarea, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
}

#main_container {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	min-width: 980px;
	width: 100%;
	height: 100%;
}
#main_container.layout-window {
	position: relative;
}

#main_container.layout-document {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}


#main_container > HEADER,
#main_container SECTION.head > HEADER {
    background: #34383c; /* Old browsers */
    background: -moz-linear-gradient(top, #34383c 0%, #191d20 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#34383c), color-stop(100%,#191d20)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #34383c 0%,#191d20 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #34383c 0%,#191d20 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #34383c 0%,#191d20 100%); /* IE10+ */
    background: linear-gradient(to bottom, #34383c 0%,#191d20 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34383c', endColorstr='#191d20',GradientType=0 ); /* IE6-9 */
    padding: 10px 20px;
}
#main_container > FOOTER {
    background: #2f3235; /* Old browsers */
    background: -moz-linear-gradient(top, #434649 0%, #2f3235 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434649), color-stop(100%,#2f3235)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #434649 0%,#2f3235 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #434649 0%,#2f3235 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #434649 0%,#2f3235 100%); /* IE10+ */
    background: linear-gradient(to bottom, #434649 0%,#2f3235 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434649', endColorstr='#2f3235',GradientType=0 ); /* IE6-9 */
    padding: 5px 20px;
}
#main_container SECTION.head > HEADER {
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	z-index: 1000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#main_container SECTION.head > HEADER .navbar .branding {
	display: none;
}
#main_container.layout-window > HEADER {
	left: 0px;
	top: 0px;
	right: 0px;
	height: 60px;
	min-width: 980px;	
	z-index: 1000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#main_container.layout-window > FOOTER {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	min-width: 980px;	
	z-index: 100;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-top: 6px;
	padding-bottom: 4px;
}

#main_container > .client-area {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

#main_container.layout-window > .client-area {
	display: block;
	position: absolute;
	height: auto;
	width: auto;
	left: 0px;
	top: 60px;
	right: 0px;
	bottom: 30px;
	z-index: 0;
	overflow: hidden;
}

/* NOTE: IE 10 requires vertical flexbox container to have a set height for this to work. */
#main_container.layout-document > .client-area {
    -webkit-box-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
	height: auto;
}
#main_container.layout-document > HEADER,
#main_container.layout-document > FOOTER {
    -webkit-box-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
}

#main_container.layout-document ~ FOOTER {
    margin: 0 auto;
}

#main_container > .client-area > * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index: 0;
}


a {
	outline: 0;
	color: #fdfdfd;
}
a:hover{}
a:hover, a:active, a:focus {
    text-decoration: none;
    outline: 0;
}
button {
    outline: 0;
}
button:focus,button:active {
    outline: 0;
}
.btn:focus {
    outline: 0!important;
}

P {
    color: #333333;
    font-family: 'Lato', sans-serif;
}

h1 {font-size:30px;}
h2 {font-size:24px;}
h3 {font-size:20px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}

h1, h2, h3, h4, h5, h6 {
	 font-family: 'Lato', sans-serif;
	color: #666666;
	letter-spacing: -.5px;
}
img {
	width: 100%;
	max-width: none;
}


/*  Transitional elements
================================================== */

.elements
{
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	transition: 0.3s all ease;
}


/*  General Classes and Styles
================================================== */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.text_right {
	text-align: right;
}
.center {
	text-align: center;
}

.sub_title {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
}
/*=============button===================*/
button, .btn {
	font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
	padding: 10px 15px;
}
.btn-small {
	font-size: 13px;
	padding: 5px 10px;
}
button[class^="icon-"], button[class*=" icon-"],
.btn[class^="icon-"], .btn[class*=" icon-"] {
	font-family: FontAwesome;
}

.btn-sample {
    color: #666666;
    text-shadow: 0 0 0 #666666;
    background-color: #CCCCCC;
    *background-color: #CCCCCC;
    background-image: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#CCCCCC));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #CCCCCC);
    background-image: -o-linear-gradient(top, #FFFFFF, #CCCCCC);
    background-image: linear-gradient(to bottom, #FFFFFF, #CCCCCC);
    background-repeat: repeat-x;
    border-color: #CCCCCC;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    width: auto;
}
button:hover, button:focus,
.btn:hover, .btn:focus {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #191D20;
    *background-color: #191D20;
    background-image: -moz-linear-gradient(top, #34383C, #191D20);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#34383C), to(#191D20));
    background-image: -webkit-linear-gradient(top, #34383C, #191D20);
    background-image: -o-linear-gradient(top, #34383C, #191D20);
    background-image: linear-gradient(to bottom, #34383C, #191D20);
    background-repeat: repeat-x;
    border-color: #191D20;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34383C', endColorstr='#191D20', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-group.open .btn.dropdown-toggle:hover,
.btn-group.open .btn.dropdown-toggle:focus { 
	color: #333333;
}
.btn-sample i {
    margin-right: 8px;

}
/*=================== content wrap ================*/
#contents {

}
.wrap {
    margin: 0 auto;
    max-width: 1170px;
    padding-left: 2%;
    padding-right: 2%;
}
/*=================== end wrap ================*/
/*effect*/
.effect_t {
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    -ms-transition: background-color 1s;
    transition: background-color 1s;
}

.mirror-x,
.mirror-icon:before {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.mirror-y {
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}

#main_container {
}

.tooltip-inner {
	max-width: 250px;
}

.control-group {
	margin-bottom: 0px;
}

.user_info_box {
    background: #FFFFFF;
    color: #333333;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px 4px 4px 4px;
    -webkit-box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.15);
}
.infobox img {

}
.user_info_box .mark .info_user A.add-user {
	overflow: hidden;
	float: right;
	margin-left: 2px;
}

.user_info_box .mark .info_user A.add-user I {
    color: #0093CC;
}
.user_info_box .mark .info_user A.add-user I:hover {
    color: #666666;
}
.user_info_box .mark .info_user A.add-user .icon-plus-sign:before {
    cursor: pointer!important;
    font-size: 22px;
}
.user_info_box .notch {
    position: absolute;
    left: 10px;
    margin: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FFFFFF;
    padding: 0;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}


.user_info_box.logged_user .mark {
    padding: 15px 15px;
	width: 250px;
	text-align: center;
}
.user_info_box.logged_user .legend {
	text-align: center;
	font-size: 16px;
}
.user_info_box.logged_user .notch {
    left: 120px;
}


/* Information -----------------------------------*/
.content_info {

}
.content_info p {
    color: #666666;
    margin-bottom: 0;
    font-size: 18px;

}
.content_info .content_text {
    margin-bottom: 10px;
}
.content_info .content_text .number_content {
    color: #cccccc;
    font-weight: 300;
    margin-bottom: 0;
    font-size: 56px;
    line-height: 40px;
}
.content_info .container_vid {
    float: left;
}
.content_info.left .content_text {
    float: right;
    padding-right: 0;
}
.content_info .container_vid .vendor {
    width: 75%;
    max-width: 400px;
    margin: 0 auto;
    position: relative;
}
.content_info .container_vid .vendor IMG {
    width: auto;
}

.content_info .sub_title {
    display: block;
    padding-top: 30px;
    color: #888888;
    text-transform: uppercase;

}
.content_info h3 {
    color: #313538;
    margin-top: 3%;
}

.about .content_center {
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 0px;
}
.about A {
	color: #666666;
}
.about .content_text {
	float: none;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
}
.about .team  {
}
.about .team H2  {
	font-size: 20px;
	margin-top: 40px;
	margin-bottom: 0px;
}
.about .team UL {
	display: table;
	border-collapse: separate;	
	list-style-type: none;
	margin: 0px 0px;
	padding: 0px;
	border-spacing: 20px 20px;
}
.about LI.team_member {
	display: table-row; 
	border-spacing: 10px 0px;
}
.about .team_member > * {
	display: table-cell; 
	vertical-align: top;
	margin-bottom: 40px;
}
.about .team_member .member_pic {
	display: table-cell; 
}
.about .team_member .member_info {
	display: table-cell; 
	width: auto; 
	vertical-align: top;
}
	
.about .team_member .member_pic IMG {
	width: 100px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.about .team_member .member_name {
	font-weight: bold;
}
.about .team_member .member_role {
}
.about .team_member .member_email {
	color: #666666;
}
.about .team_member .member_bio {
	display: block;
	margin-top: 10px;
}
.about .team_member .member_linkedin {
}

.about .team_member .member_email:before,
.about .team_member .member_linkedin:before
{
	content: " — ";
}
.about .team_member .member_email A:after {
	content: "@blink.la";
}

btn-large,
button.btn-large,
.btn.btn-large,
A.btn.large {
	font-size: 20px;
	padding: 15px 20px;
}

button.black, 
A.black, 
.btn.black, 
A.btn.black {
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #191D20;
    *background-color: #191D20;
    background-image: -moz-linear-gradient(top, #34383C, #191D20);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#34383C), to(#191D20));
    background-image: -webkit-linear-gradient(top, #34383C, #191D20);
    background-image: -o-linear-gradient(top, #34383C, #191D20);
    background-image: linear-gradient(to bottom, #34383C, #191D20);
    background-repeat: repeat-x;
    border-color: #191D20;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34383C', endColorstr='#191D20', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    display: inline-block;
    margin: 0 auto;
    text-transform: none;
}
button.black:hover, button.black:focus, .btn.black:hover, .btn.black:focus {
    color: #666666;
    text-shadow: 0 0 0 #666666;
    background-color: #CCCCCC;
    *background-color: #CCCCCC;
    background-image: -moz-linear-gradient(top, #FFFFFF, #CCCCCC);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#CCCCCC));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #CCCCCC);
    background-image: -o-linear-gradient(top, #FFFFFF, #CCCCCC);
    background-image: linear-gradient(to bottom, #FFFFFF, #CCCCCC);
    background-repeat: repeat-x;
    border-color: #CCCCCC;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
/*signin*/
.link_sign {
    text-decoration: underline;
    color: #fff;
    font-size: 18px;
}
.link_sign:hover {
    text-decoration: none;
    color: #fff;
}
/*signin*/
/*create*/
.head .create {

}
.checkbox {
    color: #f1f2f2;
    font-size: 13px;
    line-height: 21px;
}
.checkbox input {

}
.checkbox a {
    text-decoration: underline;
}
.checkbox a:hover {
    color: #ffffff;
    text-decoration: none;
}
/*create*/
/*forgot*/
.head .forgot {
    margin-top: 18%;
}
.head .forgot .title_signin {
    display: block;
    margin-bottom: 0px;
    width: 100%;
}
.head DIV.legend {
    color: #ddd;
    font-weight: normal;
    line-height: 16px;
    font-size: 14px;
	margin-bottom: 15px;
	display: block;
}
.head i.icon-chevron-left {
    vertical-align: baseline;
    text-decoration: none;
    margin-right: 8px;
}


/* left bar */
.customer .left_bar {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    width: 260px;
    position: absolute;
    top: 0px;
    height: 100%;
    padding-top: 10px;
    display: table-cell; 
}
.customer .left_bar .mCSB_container.mCS_no_scrollbar {
}
.client-area.layout-window .customer .left_bar {
}
.customer .left_bar.scroll-pane {
    padding-right: 0px;
	display: block; /* table-cell breaks scrollbar container on webkit */
}


/*customer*/
.customer button.white {
    background: none repeat scroll 0 0 #fdfdfd;
    color: #666666;
    display: block;
    margin: 4.5% auto;
    text-transform: none;
    width: auto;
}

.menu_content {
    display: table;
    float: right;
    min-width: 839px;
}
.container_main .vendor {
    margin: 0 auto;
    width: 35%;
}
.branding {
	display: inline-block;
    float: left;
    height: 39px;
    max-height: 39px;
    max-width: 80px;
}
.branding > IMG {
    height: auto;
    width: auto;
    max-height: 39px;
    max-width: 80px;
}
NAV.navbar {
    margin-bottom: 0;
}
NAV.navbar .navbar-inner {
    background: transparent;
    border-color: transparent;
    box-shadow: 0 0 0;
    padding: 0;
	filter: none;
	min-height: 38px;
}

NAV.navbar .btn-sign-in {
	height: auto;
	float: right;
	line-height: 22px;
	padding: 8px 20px;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	background-color: #0489c6;
	border-color: #0489c6;
	font-family: 'Lato', sans-serif;
	letter-spacing: -1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height: 22px;
	-webkit-transition: color 0.25s, background 0.25s;
	   -moz-transition: color 0.25s, background 0.25s;
	     -o-transition: color 0.25s, background 0.25s;
	transition: color 0.25s, background 0.25s;
}
NAV.navbar .btn-sign-in:hover {
	color: #ffffff;
	background-color: #339ad9;
	border-color: #339ad9;
}
NAV.navbar .btn-sign-in:focus {
	color: #ffffff;
	background-color: #E8EEF1;
	border-color: #E8EEF1;
}  

#nav_links {
    min-width: 720px;
    margin: 0px;
}

#nav_links li {
    margin-right: 10px;
	float: right;
}

#nav_links li a {
    background: none repeat scroll 0 0 #333639;
    border-radius: 4px;
    color: #fff;
    text-shadow: 0 0 0 transparent;
    font-size: 14px;
    font-weight: bolder;
    box-shadow: none;
    padding-bottom: 9px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 9px;
}
#nav_links li a.active {
    background: transparent;
    box-shadow: none;
}
#nav_links li a:hover {
    background: transparent;
    box-shadow: none;
}
#nav_links li a.active {
    background: transparent;
    box-shadow: none;
}

#nav_links li a i {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 38px;
    margin-right: 5px;
    vertical-align: baseline;

}
#nav_links li a span {
    color: #c3c3c3;
    margin-left: 4px;
}
#nav_links li .item-counter {
	font-size: 12px;
}

/*menu desplegable*/
#user_menu {
	float: right;
	width: 153px;
}




UL#user_menu {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 38px;
    margin: 0;
}
UL#user_menu > li {
    border-radius: 4px;
    display: table;
    float: left;
    list-style: none;
    margin-right: 10px;
    background: none repeat scroll 0 0 #333639;
}
UL#user_menu li.last,
UL#user_menu li:last-child {
    margin: 0;
    background: transparent;
}
UL#user_menu li.last:hover,
UL#user_menu li.last:last-child:hover {
    background: none;
}
UL#user_menu li a,
ul .nivel1 ul {
    background: #333639;
    border-radius: 0px 0px 4px 4px;
}

UL#user_menu .dropdown-button {
	float: right; 
}

UL#user_menu .user-name {
	display: inline-block;
	width: 90px;
	line-height: 14px;
    white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#user_menu .level1 .first {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    display: block;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    width: 155px;
    border-radius: 4px;
    padding: 9px 8px 9px;
	line-height: 18px;
    background: transparent;
    text-align: right;
    border: 1px solid #333639;
    color: #fff;
}
#user_menu .level1 ul {
    list-style-type: none;
    background: none repeat scroll 0 0 #414448;
    border-top: 1px solid #2C97CB;
    margin-left: 0;
    padding-left: 5px;
    border-radius: 0px 0px 4px 4px;
}
UL#user_menu .level1 img {
    height: 38px;
    width: 38px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    float: left;
}
UL#user_menu .level1:hover {
    position: relative;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


UL#user_menu .level1 ul {
    display: none;
	margin-top: -1px;
	z-index: 100000;
}

UL#user_menu .level1 ul li {
    padding-bottom: 0px;
    padding-top: 0px;
    margin-right: 0;
    width: 100%;
}
UL#user_menu .level1 li:hover {
    background: none repeat scroll 0 0 ;
}

UL#user_menu .level1 a:hover ul, UL#user_menu  .level1:hover ul {
    display: block;
    position: absolute;
    left: 0px;
    width: 153px;
    z-index: 1000;
    background: none repeat scroll 0 0 #333639;
    border: 1px solid #333639;
    padding-left: 0;
}
UL#user_menu .level1 ul li a {
    padding: 5px;
    margin: 5px;
    width: 134px;
    display: table;
    font-size: 14px;
    color: #fff;
}
UL#user_menu li a.level1 i {
    vertical-align: baseline;
    margin-left: 5px;
}
UL#user_menu .level1 ul li a:hover {
    background: #191d20;
    color: #fff;
    position: relative;
    padding: 5px;
    margin: 5px;
    border-radius: 4px;
}

ul .logout {
    display: block;
    padding-bottom: 11px;
    padding-top: 11px;
    width: 45px;
    position: relative;
}
ul .logout a {
}
ul .logout i {
    display: block;
    font-size: 16px;
    height: 17px;
    margin: 0 auto;
    text-align: center;
    vertical-align: baseline;
    width: 25px;
}
/* /menu desplegable */
/*forgot*/
/*menu footer*/
footer .menu_footer {
	float: left;
    min-height: 20px;
	font-size: 13px;
}
footer .row-fluid .menu_footer {
    min-height: 20px;
}

footer .menu_footer ul {
	list-style: none;
	margin: 0;
}
footer .menu_footer li {
	float: left;
	margin-right: 5px;
	color: #999999;
	letter-spacing: -.5px;
}
footer .menu_footer li.last,
footer .menu_footer li:last-child {
	border-right: none;
}
footer .menu_footer ul li a {
	color: #999999;
	padding-left: 3px;
	padding-right: 3px;
	letter-spacing: -.5px;

}
footer .menu_footer ul li a:hover {
	color: #999999;
	text-decoration: underline;
}
/*menu footer*/
footer .social_content {
}
footer .row-fluid .social_content {
	min-height: 20px;
	float: right;
	margin-left: 0px;
}
footer .content .social_content span {
    color: #C3C3C3;
}
footer .social_content .social-circled {
	list-style: none;
	margin-left: 0px;
}
footer .social_content .social-circled li {
	float: right;
	margin-left: 16px;
	margin-right: 0px;
}
footer .social_content .social-circled li span {
	font-size: 14px;
	color: #999999;
	letter-spacing: -.5px;

}
footer .social_content .social-circled li a {
	color: #999999;
	letter-spacing: -.5px;
}
footer .social_content .social-circled li a:hover {
	text-decoration: underline;
}
footer .social_content .social-circled li a:hover i {
	text-decoration: none;
}
footer .social_content .social-circled li i {
	color: black;
	height: 23px;
	width: 17px;
	padding-right: 7px;
}
footer .social_content .social-circled li.color_face i {
    color: #C3C3C3;

}
footer .social_content .social-circled li.color_twitter i {
    color: #C3C3C3;

}
footer .social_content .social-circled li.color_plus i {
    color: #C3C3C3;

}
footer .social_content .social-circled li i:hover {
    background: transparent;
}

/*chosen*/
.chzn-container {

}
.chzn-container.chzn-disabled {
	opacity: 1 !important;
}
.chzn-container.chzn-disabled > .chzn-single {
	background-color: #eeeeee !important;
}
.chzn-container .chzn-drop .chzn-results{

}
.chzn-container .chzn-results li {
    padding: 5px !important;
}
.chzn-container .chzn-single {
    background: none repeat scroll 0 0 #FFFFFF !important;
    height: 30px !important;

}
.chzn-container .chzn-single span {
    padding-bottom: 3px;
    padding-top: 3px;

}
.chzn-container-single .chzn-single div b {
	background: url('/lib/select/chosen-sprite@2x.png') no-repeat -4px -6px !important;
}
.chzn-container-single .chzn-single div {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 22px !important;
	height: 100%;
}
.chzn-container .chzn-drop .chzn-results li {
	font-size: 16px;
	line-height: 20px;
	border-radius: 4px;
	padding: 5px !important;
	color: #666 !important;
	line-height: 20px !important;
}
.chzn-container .chzn-results li.highlighted {
    background-image: none!important;
    background-color: #DDD!important;
    color: #666!important;
}
.chzn-container-single .chzn-single {
	padding: 0 0 0 10px !important;
}
/*chosen*/
.content_center {
    padding-top: 69px;
    padding-bottom: 69px;
}
.content_center .content_info {
    padding-bottom: 69px;
}
.content_center .content_info.last,
.content_center .content_info:last-child {
    padding-bottom: 0px;
}
.link_info {
    color: #666666;
    text-decoration: underline;
}
.link_info:hover {
    color: #666666;
}

.window, 
.window > * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.window {
	position: absolute; 
	display: block; 
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	overflow: hidden;
}
.window > HEADER {
	display: block; 
	position: absolute;
	top: 0px;
	height: 40px;
	overflow: hidden;
}
.window > FOOTER {
	display: block;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 40px; 
	overflow: hidden;
}
.window > .window-scp {
	display: block;
	position: absolute; 
	left: 0px; 
	top: 0px; 
	right: 0px; 
	bottom: 0px; 
	overflow: auto;
}
.window > HEADER:not([class~="hide"]) ~ .window-scp {
	 top: 40px;
}
.window > FOOTER:not([class~="hide"]) ~ .window-scp {
	 bottom: 40px;
}
.window.hide, .window .hide {
	 display: none !important;
}


.flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.flexbox-vertical {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flexbox-horizontal {
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
/* IE 10 REQUIRES both HTML and BODY elements to have a set weight for this to work. */
.flexbox MAIN,
.flexbox .flexbox-main {
    -webkit-box-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
}

.messages {
}
#head-message {
	padding: 0px;
}
#head-message > .alert {
	font-size: 16px;
	text-indent: -10px;
	padding: 20px 20px 20px 30px;
	margin-top: 10px;
	margin-bottom: 0px;
}
#head-message > .alert:first-child {
	margin-top: 0px;
}
#head-message I[class^="icon-"] {
	margin-right: 2px;
	min-width: 18px;
}

/* user box */
.result-list .result-item.user {
    background: #fff;
    margin-top: 10px;
    border-radius: 4px;
    list-style: none;
}
.result-list .result-item.user:first-child {
    margin-top: 0px;
}
.box_user {
    padding: 10px;
	text-align: left;
}
.box_user P {
	margin: 0px 0px 2px 0px;
}
.box_user .user-avatar {
    height: 72px;
    width: 72px;
    float: left;
    border-radius: 4px;
	margin-right: 10px;
}
.box_user .info_user {
    height: 100%;
}
.box_user .box_user_main { 
    clear: both;
	width: 100%;
}
.box_user .info_user P {
    font-size: 12px;
    line-height: 14px;
	margin-bottom: 3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.box_user .info_user IMG.user-branding {
	width: 36px;
	height: 36px;
	float: right;
	margin-left: 10px;
	cursor: pointer;
}
.box_user .info_user .user-name-row {
	margin-bottom: 5px;
}
.box_user .info_user .user-name {
    color: #333333;
    display: inline;
    font-size: 15px;
    text-decoration: underline;
    width: auto;
    line-height: 18px;
	margin-bottom: 2px;
}
.box_user .info_user .user-name:hover {
    text-decoration: none;
}
.box_user .info_user .user-company-position {
    color: #333333;
}
.box_user .info_user .user-status {
    color: #666666;
	font-style: italic;
}
.box_user .info_user .user-location {
    color: #999;
	white-space: inherit;
}
.box_user .info_user .user-location .user-location-time:after {
    content: ' - ';
}
.box_user .info_user .user-location .user-location-time:empty{
    display: none;
}
.box_user .info_user .address-icon {
    color: #9F9F9F;
    display: block;
    float: left;
    margin-right: 4px;
	vertical-align: bottom;
	line-height: 14px;
}

.box_user .user-meta {
	display: table;
	width: 100%;
	margin-top: 10px;
}

.box_user .user-meta-actions {
	display: table-cell;
	width: 40px;
	vertical-align: bottom;
	text-align: right;
}

.box_user .user-meta-actions A {
	color: #666666;
	text-decoration: none;
	cursor: pointer;
	margin-left: 2px;
}
.box_user .user-meta-actions A:first-child {
	margin-left: 0px;
}
.box_user .user-meta-actions A:hover {
	color: #333333;
}

.box_user .user-meta-actions [class^="icon-"]:before, 
.box_user .user-meta-actions [class*=" icon-"]:before {
	cursor: pointer;
}

.box_user .user-meta .user-tags {
	display: table-cell;
	width: auto;
}
.box_user .user-tags LABEL {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: inline-block;
	max-width: 50%;
	padding: 2px 4px;
	margin: 0px 4px 0px 0px;
	background-color: #eeeeee;
	color: #000;
	border-radius: 2px;
	font: normal 12px 'Lato', sans-serif;
}
.box_user .user-tags LABEL:last-child {
	margin-right: 0px;
}

.result-list .result-item.user .box_network {
    padding: 5px 0 5px 10px;
    float: left;
    padding-right: 0;
    width: auto;
    border-radius: 4px;
}
.result-list .result-item.user .box_network A, 
.result-list .result-item.user .box_network SPAN {
    color: #666666;
    font-size: 12px;
	padding-right: 5px;
}
.result-list .result-item.user .box_network A {
    cursor: pointer;
}

.box_user button {
    font-size: 15px;
    padding: 10px 10px;
    float: right;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}

.box_user button i {
    margin-right: 4px;
}

.result-list .result-item.user .box_network A:hover {
    text-decoration: underline;
}
.result-list .result-item.user .box_network A:hover i {
    text-decoration: none;
}

/* /user box */


/* plugin panel */
.mCustomScrollBox {
}
.mCustomScrollBox > .mCSB_scrollTools {
	margin: 0px 2px;
}
.mCustomScrollBox > .mCSB_scrollTools .mCSB_dragger {
	height: 40px;
}
.mCustomScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #666; /* fallback */
	background: rgba(102, 102, 102, 0.75);
}
.mCustomScrollBox .mCSB_scrollTools .mCSB_draggerRail {
	background-color: #ccc; /* fallback */
	background: rgba(204, 204, 204, 0.75);
}
/* /plugin panel */

#template-holder, 
.template-holder {
	display: none;
	z-index: -1;
}

.margin-before {
	margin-top: 10px;
}
.margin-after {
	margin-bottom: 10px;
}


/* bulk inviter */
.bulk-inviter {
}
.bulk-inviter IMG {
	width: auto;
}
.bulk-inviter BUTTON.btn-large,
.bulk-inviter .btn.btn-large {
	font-size: 16px;
	padding: 10px 15px;	
}
.bulk-inviter .window-scp {
	bottom: 10px;
	margin: 10px 0px 0px 10px;
	border-radius: 4px;
}
.bulk-inviter .scroll-pane {
	margin-right: 0px;
}
.bulk-inviter .mCSB_container {
    margin-right: 13px;
}

.bulk-inviter .scroll-pane.mCustomScrollbar {
}
.bulk-inviter .mCustomScrollBox > .mCSB_scrollTools {
	margin: 0px -6px 0px 2px;
}
.bulk-inviter .mCSB_container.mCS_no_scrollbar {
	margin-right: 0px;
}
.bulk-inviter .mCSB_container > .result-list {
    margin-right: 0px;
}
.bulk-inviter .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #0093cc;
}
.bulk-inviter .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #ffffff;
}

.bulk-inviter .invite-steps {
	width: 600px;
	margin: 0px auto;
}
.modal-body .bulk-inviter .messages .alert {
	margin-bottom: 10px;
}
.modal-body .bulk-inviter .alert {
	margin-top: 0px;
	margin-bottom: 10px;
}
.bulk-inviter .cloudsponge-sources {
}
.bulk-inviter .cloudsponge-sources A {
	display: inline-block;
	float: left;
	margin-right: 5px;
}
.bulk-inviter .cloudsponge-sources A IMG {
	display: block;
	width: 64px;
}
.bulk-inviter .cloudsponge-sources A LABEL {
	color: #333333;
	text-align: center;
	font-size: 13px;
}
.bulk-inviter TEXTAREA {
	font-size: 14px;
}
.bulk-inviter BUTTON.btn-primary {
	float: right;
	display: inline-block;
	margin-left: 20px;
}
.bulk-inviter .disclaimer {
	text-align: left;
	display: block;
	font-size: 13px;
}
.bulk-inviter .results {
	position: inherit;
	display: block;
	background: url("../img/opacity.png") repeat transparent;
	height: 200px;
	overflow: hidden;
	max-width: 100%;
	margin-bottom: 20px;
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
}
.bulk-inviter .result-list {
	display: block;
	margin: 0px;
}
.bulk-inviter .result-list LI {
	display: block;
	float: none;
    background: #fff;
	margin-left: 0px;
    margin-top: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border-radius: 4px;
    list-style: none;
	width: auto;
}
.bulk-inviter .result-list LI:first-child {
    margin-top: 0px;
}

/* social connect */
.social-connect {
}

.social-connect .connect-btn {
	width: 270px;
	margin: 20px;
	margin-top: 46px;
}

.social-connect .connect-btn.facebook {
  text-shadow: 0 1px 1px rgba(32, 0, 0, 0.75);
  background-color: #6f8fcb;
  *background-color: #3e61b1;
  background-image: -moz-linear-gradient(top, #6f8fcb, #3e61b1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6f8fcb), to(#3e61b1));
  background-image: -webkit-linear-gradient(top, #6f8fcb, #3e61b1);
  background-image: -o-linear-gradient(top, #6f8fcb, #3e61b1);
  background-image: linear-gradient(to bottom, #6f8fcb, #3e61b1);
  color:#ffffff;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6f8fcb', endColorstr='#ff3e61b1', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.social-connect .connect-btn.facebook:hover, .social-connect .connect-btn.facebook:focus {
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #191D20;
  *background-color: #191D20;
  background-image: -moz-linear-gradient(top, #34383C, #191D20);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#34383C), to(#191D20));
  background-image: -webkit-linear-gradient(top, #34383C, #191D20);
  background-image: -o-linear-gradient(top, #34383C, #191D20);
  background-image: linear-gradient(to bottom, #34383C, #191D20);
  background-repeat: repeat-x;
  border-color: #191D20;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34383C', endColorstr='#191D20', GradientType=0);
}

.social-connect .connect-btn.twitter {
  text-shadow: 0 1px 1px rgba(32, 0, 0, 0.75);
  background-color: #45cdfd;
  *background-color: #20b3fd;
  background-image: -moz-linear-gradient(top, #45cdfd, #20b3fd);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#45cdfd), to(#20b3fd));
  background-image: -webkit-linear-gradient(top, #45cdfd, #20b3fd);
  background-image: -o-linear-gradient(top, #45cdfd, #20b3fd);
  background-image: linear-gradient(to bottom, #45cdfd, #20b3fd);
  color:#ffffff;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff45cdfd', endColorstr='#ff20b3fd', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.social-connect .connect-btn.twitter:hover, .social-connect .connect-btn.twitter:focus {
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #191D20;
  *background-color: #191D20;
  background-image: -moz-linear-gradient(top, #34383C, #191D20);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#34383C), to(#191D20));
  background-image: -webkit-linear-gradient(top, #34383C, #191D20);
  background-image: -o-linear-gradient(top, #34383C, #191D20);
  background-image: linear-gradient(to bottom, #34383C, #191D20);
  background-repeat: repeat-x;
  border-color: #191D20;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34383C', endColorstr='#191D20', GradientType=0);
}

.social-connect .connect-btn.instagram {
  text-shadow: 0 1px 1px rgba(32, 0, 0, 0.75);
  background-color: #ad866a;
  *background-color: #421c14;
  background-image: -moz-linear-gradient(top, #ad866a, #421c14);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ad866a), to(#421c14));
  background-image: -webkit-linear-gradient(top, #ad866a, #421c14);
  background-image: -o-linear-gradient(top, #ad866a, #421c14);
  background-image: linear-gradient(to bottom, #ad866a, #421c14);
  color:#ffffff;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffad866a', endColorstr='#ff421c14', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.social-connect .connect-btn.instagram:hover, .social-connect .connect-btn.instagram:focus {
  color: #FFFFFF;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #191D20;
  *background-color: #191D20;
  background-image: -moz-linear-gradient(top, #34383C, #191D20);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#34383C), to(#191D20));
  background-image: -webkit-linear-gradient(top, #34383C, #191D20);
  background-image: -o-linear-gradient(top, #34383C, #191D20);
  background-image: linear-gradient(to bottom, #34383C, #191D20);
  background-repeat: repeat-x;
  border-color: #191D20;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34383C', endColorstr='#191D20', GradientType=0);
}

.social-connect .social-logo {
	float:left;
	position: relative;
	top: 35px;
	left: 20px;
}

.social-connect IMG {
	width: 64px;
}
.social-connect .send-request-check {
	position: absolute;
	top: 40px;
	right: 10px;
}

.social-connect .social-step {
	display: inline-block;
	width: 400px;
}

.social-connect .social-net-connected {
	height: 140px;
	margin-bottom: 15px;
	border-radius: 4px;
}

.social-connect .social-net-connected.facebook {
	border: 1px solid #3e61b1;
}

.social-connect .social-net-connected.twitter {
	border: 1px solid #20b3fd;
}

.social-connect .social-net-connected.instagram {
	border: 1px solid #421c14;
}

.social-connect .social-net-connected .social-connected {
	display: none;
	width: 270px;
	margin: 10px;
}
.social-connect .social-net-connected .social-connected .social-avatar {
	margin-top: 10px;
}

.social-connect .social-net-connected .social-connected .social-buttons {
	margin-top: 10px;
}

.social-connect .social-net-connected .social-connected .social-buttons BUTTON {
	width: 120px;
}

.social-connect .social-net-connected .social-connected IMG {
	margin-right:10px;
	width:38px;
	height:38px;
	border-radius:4px;
}

.social-connect .social-select-all {
	height: 45px;
	text-align: right;
}

.social-connect .social-select-all .msg {
	margin: 5px;
	float: right;
}

.social-connect .social-select-all LABEL {
	float: right;
}

.social-connect .results {
	position: inherit;
	display: block;
	background: url("../img/opacity.png") repeat transparent;
	height: 380px;
	overflow: hidden;
	max-width: 100%;
	margin-bottom: 20px;
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
}
.social-connect .result-list {
	display: block;
	margin: 0px;
}
.social-connect .result-list LI {
	display: block;
	float: none;
    background: #fff;
	margin-left: 0px;
    margin-top: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border-radius: 4px;
    list-style: none;
	width: auto;
}
.social-connect .result-list LI:first-child {
    margin-top: 0px;
}

/*modal*/
.modal-header {
    background: #3e4246;
    border: 1px solid #fff;
    border-bottom: 1px solid #EEEEEE;
    border-radius: 4px;
	padding: 5px 20px;
}
.modal-header h4 {
    color: #ffffff;
	min-height: 20px;
}
.modal-header button {
    color: #FFFFFF;
    background: none;
    opacity: 1;
    text-shadow: 0 0 0;
    margin-top: 11px !important;
	padding: 0px !important;
}
.modal-body {
    padding: 20px;
	font-size: 14px;
}
.modal-body .prompt {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
	white-space: pre-line;
}
.modal-body .legend {
	white-space: pre-line;
}
.modal-body FIELDSET:first-of-type {
    margin-top: 20px;
}
.modal-body P {
    font-size: 14px;
}

.modal-body .alert {
	margin-top: 10px;
    font-size: 13px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.modal-body textarea {
    width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.modal-body > *:last-child {
    margin-bottom: 0px;
}

.modal-footer {
    background: none;
    border-top-color: transparent;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0px;

}
.modal-footer button,
.modal-footer .btn,
.modal-footer button.black,
.modal-footer .btn.black {
    float: right;
    margin: 0px 10px 0px 0px;
}
.modal-footer button:first-child,
.modal-footer btn:first-child,
.modal-footer button.black:first-child,
.modal-footer btn.black:first-child {
	margin-right: 0px;
}
.fixt{
    z-index: -1;
}
.fade.in{

}

INPUT.ui-spinner-input {
    border: medium none;
    padding: 1px 4px;
    margin: 5px 17px 5px 5px;
	box-shadow: none;
	width: 60px;
}
INPUT.ui-spinner-input[readonly]:focus {
	box-shadow: none;
}

#dialog-prompt .messages .alert {	
	margin-bottom: 0px;
}

#dialog-prompt INPUT.ui-spinner-input {
	width: 30px;
}

#dialog-invite {	
	width: 640px;
	height: 500px;
}
#dialog-invite .modal-body {
	max-height: 480px;
}
#dialog-invite .modal-body FIELDSET:first-of-type {
	margin-top: 0px;
}


#dialog-manage-tags {	
	width: 720px;
}
#dialog-manage-tags FORM {
	margin: 0px;
}
#dialog-manage-tags .modal-body {
}
#dialog-manage-tags .modal-body .messages {
	font-size: 15px;
	line-height: 15px;
	/*
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	*/
}
#dialog-manage-tags .modal-body .messages .close {
	font-size: 18px;
	right: -25px;
}
#dialog-manage-tags .modal-body .messages SPAN {
	display: inline;
	font: inherit;
	margin: 0px;
}
#dialog-manage-tags .modal-body SECTION {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0px 0px 0px 20px;
	height: 330px;
	float: left;
}
#dialog-manage-tags .modal-body SECTION:first-child {
	margin-left: 0px;
}
#dialog-manage-tags .modal-body SECTION H4 {
	margin-bottom: 20px;
}
#dialog-manage-tags .modal-body SECTION H4:first-child {
	margin-top: 0px;
}
#dialog-manage-tags .modal-body SECTION.tag-existing {
	width: 155px;
}
#dialog-manage-tags .modal-body SECTION.tag-data {
	width: 240px;
}
#dialog-manage-tags .modal-body SECTION.tag-assignments {
	width: 230px;
}

#dialog-manage-tags .modal-body .mCSB_container {
	margin-right: 16px;
}
#dialog-manage-tags .modal-body .mCustomScrollBox > .mCSB_scrollTools {
	margin: 0px 0px;
}
#dialog-manage-tags .modal-body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #0093cc;
}
#dialog-manage-tags .modal-body .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #cccccc;
}

#dialog-manage-tags .modal-body SECTION.tag-existing .tag-list {
	height: 290px;
}

#dialog-manage-tags .modal-body SECTION.tag-data INPUT {
	width: 200px;
	padding: 5px 10px;
}

#dialog-manage-tags .modal-body SECTION.tag-existing LABEL {
}
#dialog-manage-tags .modal-body SECTION.tag-existing LABEL > INPUT {
    margin: 5px 2px 5px 0px;
    vertical-align: top;
}
#dialog-manage-tags .modal-body SECTION.tag-existing LABEL > SPAN {
	display: inline-block;
	padding: 2px 4px;
	border-radius: 4px;
	max-width: 90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #000;
	background-color: #ccc;
	margin: 0px;
}

#dialog-manage-tags .modal-body SECTION.tag-assignments .tag-list {
	height: 290px;
}
#dialog-manage-tags .modal-body SECTION.tag-assignments LABEL {
	margin-bottom: 0px;
	line-height: 18px;
}
#dialog-manage-tags .modal-body SECTION.tag-assignments .chzn-container .chzn-drop {
	border-top: 1px solid #aaa;
	border-radius: 4px;
	padding: 4px;
}
#dialog-manage-tags .modal-body SECTION.tag-assignments .chzn-container .chzn-results {
	max-height: 160px;
}
#dialog-manage-tags .modal-body SECTION.tag-assignments .chzn-container .chzn-results LI {
	font-size: 14px;
}
#dialog-manage-tags .modal-body SECTION.tag-assignments .chzn-container .chzn-results .active-result.highlighted {
	background: #0093cc !important;
	color: #fff !important;
}
#dialog-manage-tags .modal-body SECTION.tag-assignments .chzn-container .chzn-choices {
	max-height: 110px !important;
	min-height: 29px;
	overflow-y: auto;
	border-radius: 4px;
}
#dialog-manage-tags .modal-body SECTION.tag-assignments .chzn-container .chzn-choices .search-choice {
	color: #333;
	background: #e7e7e7;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	border: none;
	border-radius: 4px;
}
#dialog-manage-tags .modal-body SECTION.tag-assignments .chzn-container .chzn-choices .search-choice .search-choice-close {
	top: 7px;
}


#dialog-recommend-user {
	width: 640px;
}
#dialog-recommend-user .modal-body {
	overflow-y: hidden;
}
#dialog-recommend-user .modal-body LABEL > SPAN {
	display: block;
	margin-bottom: 5px;
}

#dialog-recommend-user .modal-body .control-group.recommend-message {
	clear: both;
	width: 100%;
}

#dialog-recommend-user .modal-body .recipient-preview {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	float: right;
	border: 1px solid #ccc;
	margin-left: 10px;
	margin-bottom: 10px;
}

#dialog-recommend-user .modal-body .recipient-preview .box_user {
	width: 320px;
}

#dialog-recommend-user .modal-body LABEL {
}
#dialog-recommend-user .modal-body INPUT,
#dialog-recommend-user .modal-body TEXTAREA {
}

/* /modal*/


.user-recommender-container .control-group {
	margin-bottom: 10px;
	margin-top: 20px;
}

.user-recommender-container .control-canvas {
	display: block;
	width: auto;
}

.user-recommender-container FORM {
	margin-bottom: 0px;
}

.user-recommender-container FIELDSET:first-of-type {
	margin-top: 0px;
}

.user-recommender-container FORM TEXTAREA {
	height: 80px;
}

.user-recommender-container .chzn-container .chzn-results {
	max-height: 120px;
}