/* Body and structure
-------------------------------------------------- */
html {
    height: 100%;
	overflow: hidden;
}

body {
    height: 100%;
    margin: 0;
    border: 0;
}

#wrapper{
	height: 100%;
	overflow: hidden;
}

#page-content-wrapper{
	height: 100%;
	padding-right: 0px;	
	padding-bottom: 0px;
}
#page-content-wrapper .container-fluid{
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 10px;
}

.container-fluid{
	height: 100%;
}

/**********************************************LEFT SECTION***************************************************/

.menu {    
    position: relative;
	text-align: right;
}

#sidebar-wrapper{
	padding: 10px;	
}

.sidebar-nav{
	padding: 10px;
	width: 230px;
}

#user-left-box{
	width: auto;
	height: auto;
	overflow: hidden;
	padding: 5px;
	padding-bottom: 0px;
	margin: 15px auto 0px auto;
	text-align: center;
}

#user-left-box .status{
	color: #ACABAB;
}

#user-left-box .name{
	font-size: 24px;
	font-weight: bold;
}

#user-left-box img{
	width: 240px;
	margin: 20px auto;
	border: 1px solid #ACABAB;
	margin-bottom: 0px;
}

.user-box{
	width: 80%;
	margin: 0 auto;
	text-align: left;
}

.ex{
	border-bottom: 1px solid #ACABAB;
	padding: 15px 0px;
}

.pex{
	padding-top: 15px;
}

.sidebar-nav li.active{
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}
/*** Send feedback/Create ticket submenu style****/
.create_ticket{
    list-style-type: none;
    position: relative;
    font-size: small;
    cursor: pointer;
    right: 10px;
}
.ticket_cont:hover{
    color: #fff;
    background: rgba(255,255,255,0.2);
    width: 100%;
}

.date_text{

}
.ui-datepicker-trigger{
    position: relative;
    float:left;
}

/*** EOF Send feedback/Create ticket submenu style****/

/**********************************CONTENT SECTION************************************************/

#content{
	width: 100%;
	height: 100%;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#content .row{
	display: table;
	width: 100%;
	/*height: 100%;*/
}

#feedbackdetail_toolbox{
    height: 391px;
}

.languageSelector{
    width: 150px;
	/* float: right; */
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 10001;
}

#fastnav_a{
	cursor: pointer;
}
/**********************************LOGIN SECTION**************************************************/

#content .row .login_container{
	display: table-cell;
	vertical-align: middle;
	width: auto;
	height: auto;
	text-align: center;
}

.login_container .login_logo{
	padding: 15px 0px;
}

.login_container .login_logo img{
	width: 300px;
}

.login_container .login_attention{
	padding: 10px 0px;	
	font-weight: bolder;
	font-size: 16px;
}

.login_container .form_section{
	width: 425px;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0px;
	padding-right: 30px;
	overflow: hidden;
}

.login_container .form_section button{
	color: #646464;
	background-color: #EEEEEE;
	border-color: #adadad;
	padding: 5px 36px;
	font-size: 18px;	
	margin-left: 144px;
}

.login_container .form_section .form-group .input-group{
	width: 100%;
}
.login_container .form_section .form-group{
	margin: 10px 0px;
}

.login_container .form_section .form-group input[type="text"], .login_container .form_section .form-group input[type="password"]{
	width: 220px;
	float: right;
	margin: 2px 0px;
}

.login_container .form_section .form-group label{
	display: inline-block;
	width: auto;	
}

.login_container .login_forgot{
	width: 400px;
	text-align: center;
	margin: 25px auto;
	padding-left: 50px;
}

.login_container .login_forgot a{	
	font-weight: bolder;
	font-size: 14px;
	text-decoration: underline;
}

/****************************************************************FEEDS SECTION******************************************************/

#feeds_container{
	width: auto;
	height: 100%;
	overflow: auto;
	padding: 25px 10px 0px 0px;
	margin-left: 20px;
}

#feeds_header{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
	display: table;
}

#feeds_header #fast_navigation{
	width: 80%;
	height: auto;
	overflow: hidden;
	display: table-cell;
	vertical-align: bottom;
}

#feeds_header #fast_navigation ul{
	padding: 0px;
	margin: 0px;
	border: 0px;
	list-style: none;
}

#feeds_header #fast_navigation ul li{
	display: inline-block;
	text-decoration: none;
	margin: 5px;
}

#feeds_header #fast_navigation ul li a{
	text-decoration: underline;	
}

#feeds_header #fast_navigation ul li span{
	color: #000;
	margin-left: 5px;
}

#feeds_header .header_logo{
	width: 160px;
	height: auto;
	overflow: hidden;
	float: right;
}

#feeds_header .header_logo img{
	width: 160px;
}

#feeds_navigation{
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	margin: 15px 0px;
	display: table;
}

#searchControl{
	display: table;
	width: 100%;
	height: auto;
	/*overflow: hidden;*/
}

#searchControl .search-item{
	display: table-cell;
	width: auto;
	height: auto;
	/*overflow: hidden;*/
}

#searchControl .search-item .item-control{
	display: inline-block;
}

#searchControl #searchBox{
	border-radius: 20px 20px;
	height: 28px;
	background-color: #FFF;
	border: 1px solid #666;
    text-align: center;
}

#searchControl .search-item .min-input{
	width: 150px;
}

.report-sorting{
    position: absolute;
    right: 10px;
    cursor: pointer;
    font-weight: bolder;
    color:gray;
}

.gl-control{
	top: 6px;
	position: absolute;
	right: 10px;
	cursor: pointer;
}

.gl-control-sec{
	top: 10px;
	position: absolute;
	right: 10px;
	cursor: pointer;
}

.table-bordered > thead > tr > th{
	position: relative;
}

.table-bordered > tbody > tr > td{
	padding: 0px;
	vertical-align: middle;
}

.tab-content img#feedLoader{
	width: 200px;	
	margin: 0 auto;	
}

.tab-content img#saveLoader{
    width: 200px;
    margin: 0 auto;
    top:50%;
    left:50%;
    position:absolute;
}

.tab-content table thead{	
	text-align: left;	
}

.tab-content table tbody{	
	text-align: center;	
}

.tab-content table tr td .feed_item_wrapper{
	border: 2px solid #FFF;
	border-radius: 8px 8px;
	width: 31px;
	height: 31px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0px;
	display: table;
}

.tab-content table tr td .feed_item_wrapper span.feed_item{
	font-size: 28px;
	background-color: #900;
	color: #FFF;
	padding: 0px 10px;
	display: table-cell;	
}

.nav-content{
	text-align: center;
}

.nav-content .navigation{
	margin: 0 auto;
	float: none;
}

/*****************************************************REPORT SECTION***********************************************************/
#report_container{
	width: auto;
	height: 100%;
	overflow: auto;
	padding: 25px 20px 0px 0px;
	margin-left: 20px;
}

#report_header{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
	display: table;
}


#report_header .panel-body .report_header_item{
	width: auto;
	height: auto;
	overflow: hidden;
	margin: 10px 0px;
}

#report_header .panel-body .report_header_item .item-control{
	display: inline-block;
	margin: 0px 10px;
}

#report_header .panel-body .report_header_item .item-control i{
	left: 10px;
	top: 5px;
}

#report_header .panel-body .report_header_item .form-control{
	width: auto;
	display: inline-block;
	margin: 0px 10px;
}
#report_header .panel-body .report_header_item .report-check{
	display: inline-block;
	margin: 5px;
}

#report_body .panel-body .table, #report_body .panel-body .table-bordered{	
	width: 700px;
	margin: 0 auto;
}

#report_body .panel-body .table tr td, #report_body .panel-body .table-bordered tr td{
	text-align: left;
	padding-left: 10px;
	line-height: 2em;
}

#reportContChart #chart_container {
	width: 700px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}

.glyco-left{
	margin-left: 20px;
}

.nav-content .pagination li, .nav-content .pagination .active{
	cursor: pointer;
}

.tab-content-feedback-detail{
	display: none;
}

.feedlistitem td img{
	width: 50px;
	margin: 3px auto;
}

#feedback .alert{
	padding: 2px;
	margin: 0px;
	border-radius: 0px 0px;
}
#feedback .row{
	margin: 0px 1px;
}
#feedbackdetail_message{
	padding: 3px;
	margin: 0px;
    margin-bottom: 10px;
}
#feedbackdetail_message h3 img{
	width: 160px;
	float: right;
	margin: 5px;
	display: inline-block;
}
#feedbackdetail_message h3{
	font-weight: bolder;
	color: #FFF;
	margin-top: 2px;
	overflow: hidden;
}
#feedbackdetail_message h5{
	color: #000;
	font-weight: bold;
	margin: 7px 3px;
}
#feedbackdetail_message .row{
	margin: 0 3px;
}
#feedbackdetail_toolbox .row{
	margin: 10px 3px;
	padding: 0px;
}
#feedbackdetail_toolbox .row .col-sm-3{
	padding-left: 5px;
	padding-right: 5px;
	margin: 7px;
}
#feedbackdetail_toolbox .row .col-sm-3 .bg-gray{
	color: #888;
	background-color: #CCC;
	cursor:no-drop;
}
#feedbackdetail_toolbox .row .col-sm-3 .bg-gray-border{	
	border: 1px solid #AAA;
}
#feedbackdetail_toolbox .row .col-sm-3 .bg-danger-border{	
	border: 1px solid #800;
}
#feedbackdetail_toolbox .row .col-sm-3 .toolbox_item_wrapper{	
	border-radius: 3px 3px;
	width: 100%;
	height: 100%;
	display: table;
}
#feedbackdetail_toolbox .row .col-sm-3 .bg-transparent{
}
#feedbackdetail_toolbox .row .col-sm-3 .bg-transparent-border{
	border: 1px solid;
}
#feedbackdetail_toolbox .row .col-sm-3 .toolbox_item_wrapper .toolbox_item{
	padding: 8px;
	font-size: 10px;
	height: 72px;
	width: 60px;
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
	cursor: pointer;
}

#address_button{
    margin: 10px 10px 10px;
    padding-left:5px;
    padding-bottom: 5px;
    border:1px solid;
    border-radius: 3px 3px;
}
#feed .panel .row{
	margin: 0px;
	padding: 3px;	
	border-bottom: 1px solid;
}
#employees img.employeeimg{
	height: 60px;
}
#employee_pictures{
	display: table;
    float: right;
}

#employee_pictures .employee_pictures_container{
	display: table-cell;
	text-align: right;
	vertical-align: bottom;
}
#employee_pictures .employee_pictures_container img{
	height: 60px;
}
#employee_pictures .employee_pictures_container button{
	width: 60px;
	height: 60px;
}
.feed_select_item{
	display: block;	
	font-weight: bold;
	margin: 3px 0px;
}
.feed_select_item span{
	margin: 0px 3px;
}
.feed_select_item .rating-input{
	display: inline-block;
	margin: 0px 4px;
}
#keywordDiv input{
	width: 100%;
	background-color: transparent;	
	border: 0px;
	padding: 2px;
}
#caret{
	cursor: pointer;
	margin-top: 7px;
}
#caret.caret-reversed {
    border-top-width: 0;
    border-bottom: 10px solid #000000;
}
.type-min{
	height: 35px !important;
	overflow: hidden;
	/* max-height: 15px; */
	display: block !important;
}

.type-max{
	height: auto !important;
	overflow: hidden;
	display: block;
}

#typeKeywords .border-right{
	border-right: 1px solid;
}
.border-bottom{
	border-bottom: 1px solid;
}
.addon_item{
	font-weight: bolder;
}
.no-border{
	border: 0px !important;
}
#addon_value .addon_item span{
	margin-right: 3px;
}
#addon_value .addon_item .addon_item-check{
	cursor: pointer;
}
#addon_value .col-md-4{
	padding: 0px 2px;
}
#write_message_wrapper{
	display: table;
	width: 100%;
	height: 60px;
}
#write_message_wrapper #write_message{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#messages .row{
	border: 0px !important;
	height: auto;
	overflow: hidden;
}
#messages_container{
	overflow: auto;
	height: auto;
}
#messages_container .row{
	border: 0px !important;
	padding: 10px 0px !important;
	margin: 0px;
	height: auto;
	overflow: hidden;
	position: relative;
}
#messages_container .row .feed_message_item_wrapper{
	border: 1px solid;
	margin: 0 auto;
	padding: 5px 10px;
	height: auto;
	overflow: hidden;
	min-height: 70px;	
	display: table;
	width: 100%;
}
#messages_container .row .feed_message_item_wrapper .feed_message_item{
	display: table-cell;
	vertical-align: middle;	
}
#messages_container .row  .no-padding{
	padding: 0px !important;
}
#messages_container .row  .right-item{
	display: block;
	text-align: right;	
}
#messages_container .row  .left-item{
	display: block;
	text-align: left;
}
#messages_container .row .feed_message_item_wrapper .feed_message_item .glyco-large{
	font-size: 42px;
}
#messages_container .row .feed_message_item_wrapper .feed_message_item .text-center{
	text-align: center;
}
#messages_container .row .feed_message_item_wrapper .feed_message_item .text-left{
	text-align: left;
}
#messages_container .row .feed_message_item_wrapper .feed_message_item .extra_attention{
	background-color: #000;
	color: #FFF;
	font-weight: bolder;
	font-size: 14px;
	position: absolute;
	top: -10px;
	right: 30px;
	padding: 5px 10px;
}

#messages_container .row .feed_message_item_wrapper .note_attention{
    background-color: #ac2925;
    color: #FFF;
    font-weight: bolder;
    font-size: 14px;
    position: absolute;
    top: -10px;
    right: 30px;
    padding: 5px 10px;
}

.height54{
	height: 54px;
}
.feed_add_media_wrapper{
    left:25%;
    top:25%;
    position: relative;
    height: auto;
    overflow: hidden;
    z-index: 1001;
    cursor: pointer;
    font-size: 20px;
    text-align: center;
    display: table;
}

.feed_add_media_wrapper  .feed_add_media{
	display: table-cell;
	vertical-align: middle;
}
.feed_add_media_wrapper .feed_write_message_add_media{
	height: 24px;
	width: 24px;
	color: #000;
	font-size: 16px;
	border: 1px solid #CCC;
	border-radius: 15px 15px;
	background-color: #FFF;	
}
.feedSendMessage{
	padding: 6px !important;
	height: 34px !important;
	width: 34px !important;
}
#feedAnswer{
	border-radius: 20px 20px;
}
.no-padding{
	padding: 0px !important;
}
.sendMessageTextarea{
	padding-left: 30px;
	resize: none;
}
.setReminder{
	margin-left: 10px;
}
.font-18{
	font-size: 18px;
}
/***************************************ACCOUNT SECTION**************************************************/
.keyboard_input_group{
	position: relative;
}

.keyword_wrapper{
	color: #000;
}

.keyword_wrapper .removeKeyw{
	cursor: pointer;
}
.keyword_wrapper .keywInp{
	background-color: transparent;
	display: inline-block !important;
	border: 0px;
}
#account_navs{
	margin-top: 10px;
}
#account_tab_content .panel-default, #userdetail_tab_content .panel-default{
	margin: 10px;
}
#userdetail_tab_content .row{
	margin: 0px 2px;
}
.vertical-bottom-10{
	margin-bottom: 10px !important;
}
.account-user-search #searchBox{
	border-radius: 20px 20px;
	width: 300px;
	height: 28px;
	background-color: #FFF;
	border: 1px solid #666;
    text-align: center;
}

.left-60{
	padding-left: 60px;
}
.align-right{
	text-align: right !important;
}
.align-left{
	text-align: left !important;
}
.big_logo_account{
	width: 500px;
	margin: 10px 0px;
	max-height: 200px;
}
.account-logo-wapper{
	position: relative;
	width: 500px;
	height: auto;
	overflow: hidden;
	z-index: 1001;
	cursor: pointer;
	font-size: 20px;
	text-align: center;
}
.account-logo-wapper span{
	margin: 0px 2px;
    height: 30px;
}

.account-logo-wapper #logo{
    position: absolute;
    left: 0;
    top:0;
    opacity: 0;
    z-index: 1002;
    width: 145px;
}

.feed_add_media_wrapper #addMediaUpload{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 1002;
    width:23px;
}

.form-control-modified{
	display: inline-block;
	width: 84%;
}
.account-calendar{
	margin-left: 5px;
	font-size: 20px;
}
.abo-status-wrapper, .anonymous-status-wrapper{
	border: 1px solid;
	border-radius: 10px 10px;
	padding: 2px 10px;
	width: 100px;
	height:30px;
	position: relative;
	z-index: 1001;
	overflow: hidden;
}
.abo-status-wrapper .abo-indicator-left, .anonymous-status-wrapper .anonymous-indicator-left{
	width: 25px;
	height:25px;
	border-radius: 10px 10px;
	border: 1px solid;	
	display: inline-block;
	float: left;
	background-color: #444;
}
.abo-status-wrapper .abo-indicator-right, .anonymous-status-wrapper .anonymous-indicator-right{
	width: 25px;
	height:25px;
	border-radius: 10px 10px;
	border: 1px solid;	
	display: inline-block;
	float: right;
	background-color: #444;
}
.abo-status-wrapper .abo-text-left, .anonymous-status-wrapper .anonymous-text-left{
	position: absolute;
	left: 10px;
	top: 2px;
	font-size: 20px;
}
.abo-status-wrapper .abo-text-right, .anonymous-status-wrapper .anonymous-text-right{
	position: absolute;
	right: 10px;
	top: 2px;
	font-size: 20px;
}
.abo-status-wrapper input[type="checkbox"],.anonymous-status-wrapper input[type="checkbox"] {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	z-index: 1002;
	width: 100%;
	height: 100%;
}
.abo-status-wrapper .abo-indicator.left, .anonymous-status-wrapper .anonymous-indicator.left{
	float: left;
}
.abo-status-wrapper .abo-indicator.right, .anonymous-status-wrapper .anonymous-indicator.right{
	float: right;
}
.contractBox{
	overflow: hidden;
}
.contractBox a{
	display: inline-block;
	margin: 3px 5px;
}
.contractbox-item{
	width: 60px;
	height: 70px;
	position: relative;
	float: left;
	display: inline-block;
	overflow: hidden;
	padding-top: 10px;
	cursor: pointer;
	z-index: 2001;
}
.contractbox-item .item-header{
	border: 1px solid;
	padding: 3px;
	height: 40px;
	width: 40px;
	margin: 0 auto;
	text-align: center;
}
.contractbox-item .item-header .glyco-large{
	font-size: 35px;	
}
.contractbox-item .item-footer{
	width: 40px;
	height: 20px;
	margin: 0 auto;
	text-align: center;	
}
.contractbox-item .item-deleter{
	width: 10px;
	height: 10px;
	position: absolute;
	top: 1px;
	right: 4px;
	color: #000;
	z-index: 2002;
}
.user-picture-wrapper{
	width: 140px;
	height: 130px;
	overflow: hidden;
	position: relative;
	float: right;
	border: 1px solid;
	border-radius: 10px 10px;
}
.user-picture-wrapper .user-picture{
	width: 140px;
	height: 130px;
	margin: 0 auto;
}

.user-picture-wrapper .user-picture span{
	font-size: 130px;
}

.user-picture-wrapper .user-picture img{
    /*width:140px;*/
    height: 130px;
    margin: 0 auto;
    display: block;
}

.user-picture{
    width:60px;
}

.user-picture-wrapper .user-picture-buttons{
	position: absolute;
	bottom: 0px;
	right: 0px;
	overflow: hidden;
	width: 100%;
	padding: 2px 4px;
}
.user-picture-wrapper .user-picture-buttons .user-picture-remove{
	float: left;
	border: 1px solid;
	background-color: #FFF;
	border-radius: 15px 15px;
	padding: 2px 4px;
	cursor: pointer;
}
.user-picture-wrapper .user-picture-buttons .user-picture-add{
	float: right;
	border: 1px solid;
	background-color: #FFF;
	border-radius: 15px 15px;
	padding: 2px 4px;
	position: relative;
	z-index: 2004;
	cursor: pointer;
}
.user-picture-wrapper .user-picture-buttons .user-picture-add #userProfile{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 2005;
	cursor: pointer;
}
/***************************************ADDRESS SECTION**************************************************/
.margin-center{
	float: none !important;
	margin: 0 auto !important;
}
#address_add_wrapper.row, #searchControl .row{
	margin-left: 2px;
	margin-right: 2px;
}
.address_filter{
	float: right;
	margin-right: 2px;
}

.new_address_table > tbody > tr > td{
	padding: 10px 5px !important;
}
.no-padding{
	padding: 0px;
}
.no-padding-left{
	padding-left: 0px;
}
.no-padding-right{
	padding-right: 0px;
}
.horizontal-right-10{
	margin-right: 10px;
}
.checkbox-wrapper{
	position: relative;
	z-index: 1004;
	width: 15px;
	height: 15px;
	overflow: hidden;
}
.checkbox-wrapper .checkbox-indicator{
	width: 100%;
	height: 100%;
}
.checkbox-wrapper input[type="checkbox"]{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;	
	width: 100%;
	height: 100%;
	z-index: 1005;
	cursor: pointer;
}
.td-align-left{
	text-align: left;
}
.compNameLabel{
	padding: 5px !important;
	font-size: 16px;
}
.glyco-20{
	font-size: 20px;
}
.table-address-company > tbody > tr > td{
	padding: 5px 5px !important;
}
.address_buttons .row{
	margin-left: 2px;
	margin-right: 2px;
}
.address-row-no-margin-left-right{
	margin-left: 0px !important;
	margin-rightt: 0px !important;	
}
#address-fast-nav{
	list-style: none;
}
#address-fast-nav > li{
	display: inline-block;
	margin: 0px 5px;
}
.upload-plus-wrapper{
	width: 40px;
	height: 40px;
	overflow: hidden;
	float: left;
	position: relative;
	z-index: 5001;
	background-color: #F3F3F3;
	border: 1px solid #888;
	display: table;
	margin: 0px 5px;
	margin-top: 10px;
	border-radius: 8px 8px;
	cursor: pointer;
}
.upload-plus-wrapper .upload-plus{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 5002;
	cursor: pointer;
}
.upload-plus-wrapper span{
	width: 100%;
	height: 100%;
	color: #888;
	display: table-cell;
	margin: 0 auto;
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	top: 0px;
	right: 0px;
	cursor: pointer;
}
#address_fast_nav{
	list-style: none;
	width: 90%;
	height: auto;
	overflow: hidden;
	margin-bottom: 25px;
}
#address_fast_nav > li{
	display: inline-block;
	margin: 5px 10px;
	text-decoration: none;
}
#address_fast_nav > li > span{
	margin-left: 10px;
}
/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .searchIcon {
  position: absolute;
  pointer-events: none;
  top:6px;
  left:5px;
  z-index:500;
}

#filterBox{
    padding-left: 10px;
}

.inner-addon .fa {
	position: absolute;
	padding: 6px 10px;
	pointer-events: none;
	color: #000;
	left: 0px;
	top: 3px;
}

.inner-addon .removeKeyw{
	padding: 2px 5px;
}	

.inner-addon .keywInp{
	border: 2px;
}

.keywNr{
    margin-right: 5px;
}

/* align icon */
.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

/**/
.feedsLabel {
    background: #606060;
    color: white;
}

/*Details page*/
#feed {    
    /*color: #ac2925;*/
}

.label-info {
    background-color: #ac2925;
	margin: 5px 2px;
}

.bootstrap-tagsinput {
    background-color: transparent;
	margin-top: 0px;
	padding-top: 0px;
	border: 0px;
}
.bootstrap-tagsinput input {
    color: #ac2925;
}

#typeKeywords {
    /*background: #ebccd1;*/
}
.type_style{
    position:relative;
    top: 3px;
}
#typeDiv {
    /*background: #ebccd1;*/
	font-weight: bolder;
    margin-top:3px;
}

#keywordDiv {
    /*background: #ebccd1;*/
}

.odd {
    margin-left: 500px;
}

#messages {
    height: 450px;
    overflow-y: auto;
}

#caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #000000;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

.minHeight {
    height: 50px;
    overflow: hidden;
}

.maxHeight {
    height: 250px;
}

.firstCheckBox {
    margin-top: 0px;
}

.bordered {
    border: 1px solid #ccc;
}

/*ACCOUNT MANAGEMENT*/

.contractBox {
    height: 80px;
    background-color: #dddddd;
}

ul,ol{padding:0;margin:0;font-size:1.2em}

.keyword ul,.sample ol{list-style-type:none;background:url(images/dotted.gif) 0 0 repeat-x;width:180px;float:left;margin:0 10px 30px 0}
.keyword li{background:url(images/dotted.gif) bottom left repeat-x;width:180px;float:left;padding:0}

.keyword ul.keywordGroup{border-top:1px solid #294F88;background:none;width:300px;margin:0 20px 30px 0}
.keyword ul.keywordGroup li{border-bottom:1px solid #294F88;background:none;padding:5px 15px 3px 10px;width:275px;}
.keyword ul.keywordGroup ul{background:none;margin-bottom:10px}
.keyword ul.keywordGroup ul li{background:transparent;color:#000000;border:0;font-size:.8em;padding:0 0 0 15px;margin-bottom:5px;background:url(images/arrow-right-grey.gif) left 1px no-repeat;}
.keyword ul.keywordGroup h3{font-size:1em;margin-bottom:8px}

#keywordSearch{
    width:100%;
    border:none;
    color:#ac2925;
}

.compList{
    height:400px;
    overflow-y: auto;
}

#inbox_cnt{
    height: 516px;
    overflow-y: auto;
    margin-top:10px;
}
.no-margin{
	margin: 0px !important;
}
#inbox_cnt .list-group-item{
	padding: 3px 5px !important;
	border: 0px;
	margin: 7px 0px;
}
#inbox_cnt p{
	font-weight: bold;
	margin: 5px 0px;
}

.addressButtons{
    width:49%;
    display:inline-block;
}

.selectedBackground{
    background-color: #33B5E6;
}

#mergeWarning{
    top:200px;
}

#logo_remove{
    float:right;
}

#logo_change{
    float:left;
}

#defaultLogo{
    font-size: 100px;
    left:180px;
}

.truncateCol{
    overflow: hidden;
    max-width: 200px;
    width:20%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dateFilter{
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.feedSeparator{
    height: 1px;
    background-color: #8F8F8F;
}

.paddingBottomTop5{
    padding-bottom: 5px;
    padding-top: 5px;
}

.paddingTop5{
    padding-top:5px;
}

#filterSelect{
    border: 1px solid #666;
    border-radius: 4px;
    float:left;
}

#removeIcon{
    position: absolute;
    font-size: 14px;
    right: 1%;
    top: 7px;
    display: none;
    cursor: default;
}

.disabledToolboxItem{
    pointer-events:none;
}

.disabledToolboxItemColor{
    background-color:#8F8F8F;
}

#passwordDiv a{
    font-size: 14px;
    text-decoration: underline;
}

.userDefaultPicture{
    font-size: 33px;
    border-radius: 4px 4px;
    border: solid 1px;
    padding: 7px 7px 8px;
    vertical-align: middle;
    margin-left:5px;
}

.userDefaultPictureList{
    font-size: 30px;
    border-radius: 4px 4px;
    border: solid 1px;
    padding: 7px 7px 8px;
    vertical-align: middle;
    margin-left:5px;
}

/*#reminderWarning{*/
    /*top:80%;*/
    /*left:50%;*/
    /*overflow:hidden;*/
/*}*/

.grantAccessCheckbox{
    border: solid 1px;
    padding-right: 2px;
    padding-left: 1px;
    font-size: 10px;
    border-radius: 3px 3px;
}


.termsCondition{
    margin: 15px auto 0;
    width: 400px;
}

.termsCondition label{
    font-weight: normal;
    margin-bottom: 0;
    margin-left: 15px;
    padding: 0 !important;
    text-align: left !important;
    vertical-align: top;
    width: 285px;
}

.termsCondition label a {
    color: #333;
    text-decoration: underline;
}
.mPrivacy, .mTerms{
    bottom: 3px;
    color: #333;
    display: block;
    float: left;
    font-size: 14px;
    position: absolute;
    text-decoration: underline;
}
.mPrivacy{
    bottom:24px;
}