/* 
Abstract Management Base Additional Style Sheet

Created by: Bob
Created on: March 7, 2017
Modified
Version: 1.0

*/

/*****************************************************************
GENERAL STYLE
*****************************************************************/
/* layout */
/* import any custom fonts
@import url(https://fonts.googleapis.com/css?family=Pacifico);
*/

/* General Styles */
/*
@font-face{
	font-family: 'Rockwell';
}
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);
/*@import url(../images/acpi-2017/font-awesome.css?v=3);*/
@import url(/asset/fonts/font-icon/deIconSet.css);

@font-face {
	font-family: 'MyConferencesuite_Alliance';
	src: url("/asset/fonts/font-icon/fonts/MyConferencesuite_Alliance.eot?z1yefj");
	src: url("/asset/fonts/font-icon/fonts/MyConferencesuite_Alliance.eot?z1yefj#iefix") format("embedded-opentype"), url("/asset/fonts/font-icon/fonts/MyConferencesuite_Alliance.ttf?z1yefj") format("truetype"), url("/asset/fonts/font-icon/fonts/MyConferencesuite_Alliance.woff?z1yefj") format("woff"), url("/asset/fonts/font-icon/fonts/MyConferencesuite_Alliance.svg?z1yefj#MyConferencesuite_Alliance") format("svg");
	font-weight: normal;
	font-style: normal; }

html,
body{
	font-family: 'Open Sans', sans-serif;
     font-size:1rem;
}
.btn,
input[type="text"],
textarea,
select{
     font-size:1rem;
}
body {
	background: #ffffff;
	color: #222222;
	height: 100%;
	margin: 0;
	min-width: 100%;
	overflow: auto;
	padding: 0;
	position: relative;
	
	/*padding-top:50px;*/
}
p{
	margin:15px;
}
#wrapper {
	width: 100%;
	max-width: 100%;
	margin:0px auto;
	position: relative;
	height:auto;
	background:#ffffff;
	box-shadow:none;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Lato', sans-serif !important;
	font-weight:400;
}

/*
#content-login h2:before,
#content-register h2:before{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f2be";
	margin-right:7px;
	color:#327283;
	opacity:0.8;	
	font-size: 32px;

}
*/

/*
h4.create {
	color: #c6692b;
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 10px;
	background:none;
	border:none;
	border-bottom:1px solid #efefef;
	font-family: 'Lato', sans-serif !important;
	font-weight: 600;
}
*/
/*
h2.title {
	width:500px;
	margin:0px;
	padding:43px 168px 0px 192px;
	font-size:36px;
	color:#FFF;
	display:none;
}
h3.title {
	width:500px;
	margin:0px;
	padding:0 0 0 190px;
	font-size:18;
	color:#FFF;
	display:none;
}
h4.loggedOut {
	margin:50px 0;
	font-size:24px;
}
*/
#logo {
	height:150px;
	width:150px;
	margin:0px 0px 0px 10px;
	padding:0px;
	background:url(../images/iconLogoTemp.png) 0 -7px no-repeat;
	float:left;
	display:none;
}

a 
{
	color: #ee3424;
}
.btn, 
a.btn 
{

	background: #649aba !important;
	color:#ffffff !important;
	width: 100%;
	display: block;
	clear: both;
	border-color:#0a5f73;
	width:auto;
	height: auto;
	padding:14px 20px;
	font-size:1rem;
}
.btn:hover, 
a.btn:hover, 
.btn:focus, 
a.btn:focus 
{
	text-decoration: underline;
	background-color: #bcdaef;
	color: #ee3424;
}
.btn:focus, 
a.btn:focus 
{
	text-decoration: underline;
	background:  #bcdaef !important;
	color: #0a5f73;
}
input.btn 
{
	text-transform: uppercase;
	float: right;
	margin: 10px 0 15px;
}
.inner-element {
	position: relative;
	width: 1170px;
	margin: 0px auto;
}

#main h1, 
#main h2
{
	color: #0a5f73;
	font-size: auto;
	font-size: 24px;
}
{
	font-size: auto;
}
#main h2, 
h2 
{
	color: #0a5f73;
	font-size: 20px;
}
h3 
{
	color: #0a5f73;
	font-size: 18px;
}
h4 
{
	color: #9059a4;
	font-size: 16px;
}
/*****************************************************************
HEADER
*****************************************************************/
/* layout */
#header {
	border-bottom: none;
    height: auto;
    position: relative;
    background-color: #ffffff;
}
#inner-header{
    position: relative;
    width: 75%;
    margin: 0px auto;
    border-bottom: 11px solid #8d1a50;
    background: transparent;
    border-top: 28px solid #8d1a50;
}
#boxes {
	display: none;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
/* styles */
#header h1, #header h2 {
	text-align: right;
	margin: 0px;
	display: none;
}
#header h1 {
	color: #1a6276;
	padding-top: 75px;
	font-size: 52px;
}
#header h2 {
	font-size: 28px;
	margin: 9px 0px;
}
#user {
	font-size: 1rem;
	padding-right: 13px;
	position: absolute;
	text-align: right;
	top: auto;
	bottom: 0;
}
#user a {
	text-decoration:none;
	color: #145D71;
}
#user a:hover {
	text-decoration:underline;
}
#elementHeaderBottom p {
	font-size: 23px;
	letter-spacing: -0.5px;
	margin: 8px;
	color: rgb(5,92,112);
}
/*****************************************************************
NAVIGATION
*****************************************************************/
/* layout */

#wrapper #pa .inner-element{
	width:75%;
}

#wrapper #pa #navigation {
    width: 20%;
    float: left;
    position: relative;
    padding-top: 25px;
	margin-top: 6px;
}

#main {
    width: 79%;
    float: left;
    margin: 0px;
    padding: 25px 0px 15px 35px;
}


#navigation ul {
	list-style:none;
	margin:0px;
	padding:0px; /*background:url(../images/bg-main-nav-051113.gif) repeat-y 10px 0px;*/
}
#navigation li {
	display:block; /*background-color:#efefef; border-bottom:1px solid #999;*/
	margin-left:0px;
	margin-top:3px;
	margin-bottom:3px;
}
.panel-heading {
	padding:0px !important;
}
.panel-heading a {
	cursor:pointer;
}
#navigation li {
	margin-top:1px;
	margin-bottom:2px;
}
#navigation li a {
	/*background: url("../images/10031/bullet-right.png") no-repeat scroll 10px center #bcdaef;*/
	border: medium none !important;
	border-radius: 0 !important;
	color: #0a5f73 !important;
	display: block !important;
	line-height: 1.8em !important;
	margin: 0 !important;
	padding: 12px 12px 12px 20px !important;
	text-decoration: none !important;
	
     font-size: 1rem;
     font-weight: bold;
}
div.panel-heading a {
	background:  #bcdaef !important;
}
div.panel-heading a.collapsed {
	background:  #bcdaef !important;
}
#navigation li a:hover {
	background: #649aba !important;
	color:#ffffff !important;
}
#navigation ul.main-nav li div.sideSubNav{
	background:none;
}
#navigation ul.main-nav li div.sideSubNav ul li a{
	color: #ffffff !important;
}
/*****************************************************************
CONTENT
*****************************************************************/
/* layout */


/* breadcrumb */
.navBreadcrumb{

}

/* navigation buttons */
div.navButtons{

}

/* general styles */


/*****************************************************************
FOOTER
*****************************************************************/
/* layout */
#footer {
	background: #0a5f73;
	clear: both;
	height: auto;
	width: 75%;
	margin: 0px auto;
	border-radius: 5px;
}
#footer a 
{
	color: #ffffff;
}
/* menu */
#footLinks {
	font-size: 1rem;
	color: #ffffff;
	position: relative;
	height: auto;
	bottom: 0px;
	padding-top: 0px;
	left: 2px;
	margin-left: 70px;
	margin-bottom: 21px;
}
/*
#footLinks ul {
	list-style:none;
	margin:0px;
	padding:0px;
	margin-bottom:100px;
	margin-left:10px;
}
*/
#footLinks li {
	float:left;
	padding-left:3px;
}
#footLinks li a {
	color:#ffffff !important;
	text-decoration:none;
}
#footLinks li a:hover {
	text-decoration:underline;
}
#copy {
	color: #ffffff;
	float: right;
	font-size: 1rem;
	margin-right: 10px;
	margin-top: 122px;
	width: 254px;
	position:relative;
	right:-74px;
}
#copy a {
	color:#ffffff !important;
	text-decoration:none;
}
#copy a:hover {
	text-decoration:underline;
}
#deLogo {
	width:300px;
	height:110px;
	background:url(../images/deBG-r1.png) no-repeat 0 0;
	position:absolute;
	z-index:8;
	margin-top:7px;
}
#snapUpLogo {
	width:67px;
	height:110px;
	background:url(../images/snapUpBG.png) no-repeat 0 0;
	float:right;
	margin-right:5px;
	margin-top:7px;
}

#ers {
	display: inline-block;
	height: auto;
	font-size: 1rem;
	text-indent: -9999em;
	width: auto;
	overflow: hidden;
	background: none;
     position: relative;
     float: left;
     bottom: 0px;
     top: 21px;
     left: 14px;
}
#ers:before{
	font-family: 'MyConferencesuite_Alliance' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	display: block;
	-moz-osx-font-smoothing: grayscale;
	content: "\e900";
	color: #f7942d;
	text-indent: 0;
	font-size: 45px;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	float: left;
	padding-right: 6px;
}
#tagline {
	color: #ffffff;
    font-size: 200%;
    margin-top: 0;
    margin-left: 74px;
    position: relative;
    line-height: 27px;
    padding-top: 15px;
    text-align: left;
}
#inner-footer {
     position: relative;
     height: auto;
     padding: 20px 6px;
     padding-bottom: 40px;
}
.copyright {
	float: right;
	margin-right: 5px;
	position: absolute;
	bottom: 0px;
	right: 5px;
	color: #ffffff;
     font-size:0.8rem;
}
/*****************************************************************
PAGE SPECIFIC
*****************************************************************/
/* SUPPORT FORM */

/*****************************************************************
Custom
- set the custom field display options
*****************************************************************/

/* ABSTRACT DASHBOARD STYLE */
#recentAbstract {
	margin-bottom:30px;
}
#recentAbstract table tr td {
	padding:5px;
	border-bottom:1px solid #cccccc;
}

/**************************************************************************************
	Sortable Style
	
	If you need to add this to the core styling, you can add the below attributes.
**************************************************************************************/
div.ui-sortable div.sortable {
	padding: 5px 10px;
	border: 1px dashed rgba(00,00,00,0.4);
	margin: 10px 15px;
	border-radius:5px;
}
div.ui-sortable div.sortable a.btn-sm {
	color:#333333 !important;
	padding: 5px 10px;
}
div.ui-sortable div.sortable:hover {
	border:1px dashed rgba(00,00,00,0.2);
	cursor:move;
}
div.ui-sortable-helper {
	background:#efefef;
}
div.ui-sortable-placeholder {
	background:#efefef;
	border:1px dashed #999999;
	display:block !important;
	visibility:visible !important;
}

div.systemMsg ul, div.field.message div.fieldBody{
	background:#ffffff;
}
div.field.message div.fieldBody h1,
div.systemMsg ul.notice li{
	position:relative;
	color:#333333;
}
div.systemMsg ul.notice,
div.systemMsg ul.success,
div.field.message.success div.fieldBody{
	background:none;
}
div.systemMsg ul.success{
	position:relative;
	color: #155724;
	background-color: #d4edda;
	border:1px solid #c3e6cb;
	border-radius:5px;
	padding-left: 26px;
}
div.systemMsg ul.success li{
	position:relative;
	color: #155724;
}
div.field.message div.fieldBody h1:before,
div.systemMsg ul.notice li:before,
div.systemMsg ul.error li:before,
/*a.author-btn:before,*/
div.systemMsg ul.success li:before{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right:7px;
	opacity:0.8;	
	color:#5cb85c;
	content: "\f05d";
	position: absolute;
	left: -38px;
	top: -3px;
	font-size: 30px;
}
div.systemMsg ul.success li:before{
	left: -21px;
	top: 1px;
	font-size:18px;
}
div.systemMsg ul.notice li:before{
	content: "\f06a";
	color:#ffc107;
	top: -8px;
}
div.field.message div.fieldBody h3{
	color: #398aa6;
	font-weight:300;
}
div.systemMsg ul.error li:before{
	top: -8px;
	color:#c0392b;
	content: "\f06a";
}
div.systemMsg ul.error,
div.systemMsg ul.error li{
	background:none;
	background-image:none;
	color:#333333;
}
div.systemMsg ul.error li{
	position:relative;
}
a.author-btn:before, 
a.author-listing:before
{
	color: #ffffff;
	/*content: "\f234";*/
	margin-right: 5px;
	left: 0px;
	top: 0px;
	position: relative;
	font-size: 19px;
}
a.author-listing:before
{
	/*content: "\f0c0";*/
}


div.systemMsg fieldset ul.notice li p{
	color: #222222;
}
div.field {
	margin: 0px auto;
	margin-bottom: 25px;
}


ol {
	margin: inherit;
	padding: inherit;
	list-style: decimal;
	margin-left: 15px;
}
ol li{
	margin: 10px 15px;
	padding: inherit;
	list-style: decimal;
}

div.left_list ul li,
ul.left_align li{
	text-align: left;
}

.field-footer .required {
	display: none;
}

p.sub-theme-outline
{
	width: 75%;
	margin: 0 auto 30px;
	font-style: italic;
	color: #9059a4;
	font-weight: bold;
}

#loginbtn{
    background: linear-gradient(to bottom,  #018b9e 0%,#01959f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    width: auto;
    padding: 10px 15px;
    color: #ffffff;
    font-weight: bold;
    float: none;
    height: auto;
}
#loginbtn:hover,
#loginbtn:focus{
     background: linear-gradient(to bottom,  #01959f 0%,#018b9e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.lostPassword,
.createAccount{
     margin:15px 0px;
}
.lostPassword a,
.createAccount a{
     background: transparent;
     color: #01959f;
     padding: 0px;
     margin: 15px 0px;
     width: auto;
     height: auto;
     text-align: left;
}
.lostPassword a:hover,
.lostPassword a:focus,
.createAccount a:hover,
.createAccount a:focus{
     background:transparent;
     color:#01959f;
}


/**********************************
    Checkbox / Radio Testing
***********************************
/* Hide default input elements */
input[type="radio"],
input[type="checkbox"] {
    display: none;
}

/* Container for radio and checkbox buttons */
.field-values p {
    position: relative;
}

/* Styling for the checkmark */
.field-values p .blank_space {
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    border: 2px solid #649aba;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: background-color 0.3s ease;
}

/* For checkboxes (square checkmark) */
.field-values p .blank_space {
    border-radius: 4px;

}
.field-values p label {
    padding-left: 27px;
    display: inline-block;
    width: 100%;
    z-index: 99999;
    position: relative; 
}

/* When the radio button is checked */
input[type="radio"]:checked+.blank_space {
    background-color: #ffffff;
}

input[type="radio"]+.blank_space {
    border-radius: 50% !important;
}

/* When the checkbox is checked */
input[type="checkbox"]:checked+.blank_space {
    background-color: #ffffff;
    color: #f16399;
}

/* Adding checkmark inside the checkbox */
input[type="checkbox"]:checked+.blank_space::before {
    content: '';
    width: 12px;
    height: 12px;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #f16399;
    transform: translate(-50%, -50%);
}

/* Adding dot inside the radio button */
input[type="radio"]:checked+.blank_space::after {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #f16399;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.field-information-display{
	color: rgba(192, 57, 43,1.0);
    border-color:rgba(192, 57, 43,1.0);
}
.field-body h1{
	color: #333333 !important;
    font-weight: bold !important;
    font-size: 1.7rem !important;
    padding-bottom: 10px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid rgba(00, 00, 00, 0.1) !important;
}
.field-body h2{
	color: #ffffff !important;
    font-size: 20px !important;
    background: #8d1a50 !important;
    padding: 12px 20px !important;
    border-radius: 31px !important;
    font-weight: normal !important;
}
#authorAddButtons a.btn.form-control{
    width: auto;
    height: auto;
    color: #ffffff;
    display: inline-block;
    background: rgba(243, 112, 36, 0.9);
    padding: 15px 24px;
    font-size: 1rem;
}
#authorAddButtons a.btn.form-control:hover,
#authorAddButtons a.btn.form-control:focus{
	background: rgba(243, 112, 36, 1.0);
}


#noAuthorNotice div.systemMsg,
div.field.message {
    min-height: auto;
}

#noAuthorNotice div.systemMsg fieldset,
div.field.message div.fieldBody{
    padding: 0px;
}
#noAuthorNotice .systemMsg fieldset ul.notice{
    margin: 10px 19px;
    padding: 12px 10px;
    min-height: auto;
    height: auto;
    width: auto;
    min-width: auto;
    display: block;
    color: #b94a48 !important;
    background-color: #f2dede;
    border-color: #ebccd1;
    border-radius: 4px;
    border: 1px solid #ebccd1;
}
#noAuthorNotice .systemMsg fieldset ul.notice li{
	line-height: 1rem;
	color: #b94a48 !important;
	font-weight: bold;
}
div.systemMsg ul.notice li:before{
	color: #8d1a50;
}
#user {
    font-size: 0.9rem;
    padding-right: 13px;
    position: absolute;
    text-align: right;
    top: -23px;
    color: #ffffff;
}
#user li {
    float: left;
    padding: 0 5px;
    border-right: 1px solid rgba(255, 255, 255, 0.7);
}
#user li a{
	color:#ffffff;
}

#scoringForm input[type="radio"],
#scoringForm input[type="checkbox"]{
	display:inline-block !important;
	width: 18px;
	height: 18px;
}
#wrap p{
	font-size:1rem !important;
}