/* 
* Modify Admin Panel 
*/

/* set background */
body {
	background-color: #034063 !important;
	background-image: none;
}
#bg {
    background: inherit !important;
}

/* buttons */
.bb_button.bb_green:hover {
	background-color: #00A65A !important;
}
.bb_button.bb_green {
	background: #06B868 !important;
	box-shadow: none !important;
}

/* forms list*/
#mf_form_list .form_option.mf_link_entries, #mf_form_list .form_option.mf_link_edit {
    background-color: #06B868 !important;
}
#mf_form_list li .middle_form_bar:hover {
	background: none;
	background-color: #006AD3;    
}
#mf_form_list li .middle_form_bar {
    background-color: #2E3842;
}
#mf_form_list .form_option {
    background-color: unset;
}
.ap_tp_num_active {
    background-color: #21B2A6;
}

/* search box */
#mf_search_box, #mf_search_tag, #mf_search_title {
	background-color: #0080FF;
}
#filter_form_input {
    border-color: #0079BF;
    background-color: #006AD3;
}
div#mf_search_box {
    border-radius: 3px;
	padding: 0.33em 0.5em;
	
}

/* 
* Fix Address Fields
*/
#main_body form li div span.right,
#main_body form li div span.left {
    width: 48% !important;
	clear: none;
}
#main_body form li {
	width: 100% !important;
}
li.address span {
    width: 100% !important;
}
#main_body form li.column_2 {
	width: 47% !important;
}
#main_body form li.column_3 {
	width: 27% !important;
}
/* 
* Fix Selectize Dropdown Fields
*/
.search div.selectize-control {
	padding: 0px !important;
}
.selectize-input.items.not-full.has-options {
    padding: 8px 6px !important;
}
.selectize-dropdown {
    padding: 8px !important;
}
.item {
    padding: 8px 9px 2px !important;
}

.selectize-dropdown span.highlight {
    display: inline !important;
    float: none !important;
}

/* 
* Widen Left Form Menus at view.php - #ve_actions menu 
*/
#ve_actions {
    padding-right: 55px;
}
#ve_entry_actions {
    width: 150px;
}

.entry_menu {
    float: right;
    width: 60%;
    margin-top: -55px;
}

.entry_menu a {
    float: right !important;
    margin: 0.3em !important;
}
#main_body h1 a {
    background-size: 120px;
}

/*
* Fix No Results button in manage_entries.php
*/
#filter_no_results h3 {
	line-height: unset;
    margin-top: 60px;
}
#me_incomplete_entries_info { /* float incomplete entries left */
    float: left;
	margin-left: 2em;
	background-color: #e6433d;
}
#main_body input.text, #main_body input.text, #main_body textarea.textarea {
    border-radius: 2px;
	box-shadow: unset;
	border: 1px solid #BFD8FC;
}
#main_body input.text:read-only {
    background-color: aliceblue;
}

/* Uppercase Headings*/
#main_body .form_description h2, 
#main_body .form_success h2,
#main_body form .section_break h3{
    font-weight: 500;
    font-size: x-large;
    text-transform: uppercase;
}
#main_body .form_description h2, #main_body .form_success h2 {
	color: #000;
}
/* 
* Make Pretty Upload Field Button
*/
.uploadifive-button {
	border-radius: 2px;	
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.uploadifive-button {
    background-color: #BFEFFD;
    background-image: linear-gradient(bottom, #BFEFFD 0%, #BFEFFD 100%);
    background-image: -o-linear-gradient(bottom, #BFEFFD 0%, #BFEFFD 100%);
    background-image: -moz-linear-gradient(bottom, #BFEFFD 0%, #BFEFFD 100%);
    background-image: -webkit-linear-gradient(bottom, #BFEFFD 0%, #BFEFFD 100%);
    background-image: -ms-linear-gradient(bottom, #BFEFFD 0%, #BFEFFD 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #BFEFFD), color-stop(1, #BFEFFD) );
    background-position: center top;
    background-repeat: no-repeat;

    border: 2px dotted #21B2A6;
    color: #009AC8 !important;
    font: bold 12px Arial, Helvetica, sans-serif;
        line-height: normal;
    text-align: center;
    text-shadow: unset;
    text-transform: uppercase;
    width: 100%;
    margin: 0 !important;
	padding: 2em 40% !important;
	z-index: 1;
}

.uploadifive-button:hover{
	background-color: #21B2A6;
	background-image: linear-gradient(bottom, #21B2A6 0%, #21B2A6 100%);
    background-image: -o-linear-gradient(bottom, #21B2A6 0%, #21B2A6 100%);
    background-image: -moz-linear-gradient(bottom, #21B2A6 0%, #21B2A6 100%);
    background-image: -webkit-linear-gradient(bottom, #21B2A6 0%, #21B2A6 100%);
    background-image: -ms-linear-gradient(bottom, #21B2A6 0%, #21B2A6 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #21B2A6), color-stop(1, #21B2A6) );
	color: #fff !important;
	border: 2px dashed #B1F1EB;
	text-shadow: unset;
}

div.uploadifive-button input { 
	width: 99%;
	height: 90% !important;
	padding: 5px;
}

/* Filters */
.dropui-pink .dropui-tab {
    background-color: #29323B !important;
    border-color: #0067A3 !important;
}
.dropui-pink.dropui-menu .dropui-content {
    background-color: #0079BF !important;
}

/*
* Set Background color for form fields guidelines boxes
*/
#main_body form .guidelines, #main_body form .guidelines small {
	
}

/*
* Set Buttons
*/
/* ----- ---- --- -- -  Blue - -- --- ---- ----- */

.bb_button.bb_blue{
	background: #377ad0;
	background: -webkit-gradient(linear, left top, left bottom, from(#52a8e8), to(#377ad0));
	background: -moz-linear-gradient(top, #52a8e8, #377ad0);
	border: none;
	color: #fff;
	text-shadow: 0 1px 1px #4081af;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.bb_button.bb_blue:hover, .bb_button.bb_blue:focus{
	background: #206bcb;
	background: -webkit-gradient(linear, left top, left bottom, from(#3e9ee5), to(#206bcb));
	background: -moz-linear-gradient(top, #3e9ee5, #206bcb);
	border-color: #2a73a6 #165899 #07428f;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.bb_button.bb_blue:active{
	background: #3282d3;
	border-color: #154c8c #154c8c #0e408e;
	text-shadow: 0 -1px 1px #1d62ab;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

/* ----- ---- --- -- -  Green - -- --- ---- ----- */

.bb_button.bb_green{
	background: #7fbf4d;
	background: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f));
	background: -moz-linear-gradient(top, #7fbf4d, #63a62f);
	
	color: #fff;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;  
	border: none;

}
.bb_button.bb_green:hover, .bb_button.bb_green:focus{
	background: #76b347;
	background: -webkit-gradient(linear, left top, left bottom, from(#86c755), to(#5ea12a));
	background: -moz-linear-gradient(top, #86c755, #5ea12a);
	border-color: #53961e;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;   
}
.bb_button.bb_green:active{
	background: #7fbf4d;
	border-color: #53961e;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

/* ----- ---- --- -- -  Red - -- --- ---- ----- */

.bb_button.bb_red{
	background: #e6433d;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8674b), to(#d54746));
	background: -moz-linear-gradient(top, #f8674b, #d54746);
	border: none;
	color: #fff;
	text-shadow: 0 1px 1px #961a07;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;    
}
.bb_button.bb_red:hover, .bb_button.bb_red:focus{
	background: #dd3a37;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff7858), to(#cc3a3b));
	background: -moz-linear-gradient(top, #ff7858, #cc3a3b);
	border-color: #961a07;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important; 
}
.bb_button.bb_red:active{
	background: #e6433d;
	border-color: #961a07;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

/* ----- ---- --- -- -  Orange - -- --- ---- ----- */

.bb_button.bb_orange{
	background: #ee8f1f;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5b026), to(#f48423));
	background: -moz-linear-gradient(top, #f5b026, #f48423);
	border-color: #e6791c #e6791c #d86f15;
	color: #fff;
	text-shadow: 0 1px 1px #b85300;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;   
}
.bb_button.bb_orange:hover, .bb_button.bb_orange:focus{
	background: #e38512;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffbb33), to(#eb7b1a));
	background: -moz-linear-gradient(top, #ffbb33, #eb7b1a);
	border-color: #d0680c;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.bb_button.bb_orange:active{
	background: #ee8f1f;
	border-color: #d0680c;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

/* ----- ---- --- -- -  Grey - -- --- ---- ----- */

.bb_button.bb_grey{
	background: #969696;
	background: -webkit-gradient(linear, left top, left bottom, from(#ababab), to(#818181));
	background: -moz-linear-gradient(top, #ababab, #818181);
	border: none;
	color: #fff;
	text-shadow: 0 1px 1px #444;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;  
}
.bb_button.bb_grey:hover, .bb_button.bb_grey:focus{
	background: #868686;
	background: -webkit-gradient(linear, left top, left bottom, from(#b0b0b0), to(#6f6f6f));
	background: -moz-linear-gradient(top, #b0b0b0, #6f6f6f);
	border-color: #666 #666 #606060;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important; 
}
.bb_button.bb_grey:active{
	background: #909090;
	border-color: #606060;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

/* ----- ---- --- -- -  Black - -- --- ---- ----- */

.bb_button.bb_black{
	background: #525252;
	background: -webkit-gradient(linear, left top, left bottom, from(#5e5e5e), to(#434343));
	background: -moz-linear-gradient(top, #5e5e5e, #434343);
	border-color: #4c4c4c #313131 #1f1f1f;
	color: #fff;
	text-shadow: 0 1px 1px #2e2e2e;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}
.bb_button.bb_black:hover, .bb_button.bb_black:focus{
	background: #4b4b4b;
	background: -webkit-gradient(linear, left top, left bottom, from(#686868), to(#363636));
	background: -moz-linear-gradient(top, #686868, #363636);
	border-color: #313131;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important; 
}
.bb_button.bb_black:active{
	background: #525252;
	border-color: #313131;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

/* ----- ---- --- -- -  Purple - -- --- ---- ----- */

.bb_button.bb_purple{
    background: #6F72AF;
    background: -webkit-gradient(linear, left top, left bottom, from(#676BAB), to(#6F72AF));
    background: -moz-linear-gradient(top, #6F72AF, #676BAB);
    color: #fff;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
    border: none;  
}
.bb_button.bb_purple:hover, .bb_button.bb_purplek:focus{
    background: #6F72AF;
    background: -webkit-gradient(linear, left top, left bottom, from(#676AAB), to(#6F72AF));
    background: -moz-linear-gradient(top, #676BAB, #6F72AF);
    color: #fff;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
    border: none;   
}
.bb_button.bb_purple:active{
    background: #6F72AF;
    background: -webkit-gradient(linear, left top, left bottom, from(#676BAB), to(#6F72AF));
    background: -moz-linear-gradient(top, #676BAB, #6F72AF);
    color: #fff;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
    border: none;
}

html {
    background-color: #034063 !important;
    background-image: none;
}

/* ACE Editor */
.ace_editor {
	border: 1px solid lightgray;
	margin: auto;
	min-height: 180px;
	width: 80%;
}
.scrollmargin {
	height: 80px;
}

/* Approval */
#ve_approval_final_status {
	background-color: unset;
}
div.pending, 
.ahb_pending, 
.ahb_pending .pending-icon {
	background-color: #FF552A !important;
	color: #FFF !important;
}
div.approved{
	background-color: #76B746 !important;
	color: #FFF !important;
}

div.denied,
.ahb_denied,
.ahb_denied .denied-icon {
	background-color: red !important;
	color: #FFF !important;
}
#ve_approval_final_status .final_approved {
	color: #3B5D23 !important;
}
#ve_approval_final_status .final_denied {
	color: #630303 !important;
}
/* Style Title */
#title {
    float: left;
    width: 40%;
    padding-left: 8%;
    top: 4em;
	position: relative;
	margin-bottom: 100px;
}
/* Guideline button show on form */
.clear.button {
    display: inline-block;
}

/* me_entry_menu */
#me_entry_menu {
    float: right;
	margin-top: -20px;
	
	padding: 5px;	
}
#me_entry_menu a {
	margin-left: 3px;
}
a:link, a:visited {
    color: #1EB2DB;
}
a.button_primary {
    color: #fff;
}
/* Style Select */
#main_body select.select {
	font-family: 'Raleway','Lucida Grande',Tahoma,Arial,sans-serif !important;
    border-radius: 3px !important;
	box-shadow: unset !important;
}

/* Typeahead Styles */

.tt-dataset {
    padding: 0.6em !important;
}
span.twitter-typeahead .tt-suggestion {
	padding: 0.4em !important;
	cursor: pointer;
}
span.twitter-typeahead .tt-suggestion:hover
{
	background-color: #E7F8E8 !important;
}
.typeahead {
	background-color: #FFFFFF;
}
.typeahead:focus {
	border: 2px solid #0097CF;
}
.tt-menu {
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	margin-top: 12px;
	padding: 8px 0;
	width: 422px;
}
.tt-query {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tt-hint {
	color: #999999;
}

.tt-suggestion {
	padding: 3px 20px;
}

.tt-suggestion:hover {
	cursor: pointer;
	background-color: #0097CF;
	color: #FFFFFF;
}
.tt-suggestion p {
	margin: 0;
}


/* Color Autofilled elements */
input.autofilled {
	background-color: #E1F7F5 !important;
}

/* Matrix */
.matrix caption {
    font-weight: bolder !important;
    margin-top: 1.2em;
}

/*Style for top tab placeholder */
#mf_form_list .form_option.mf_link_toptab{
	float: right;
	margin-right: 2px;
	border-radius: 3px 3px 0 0;
	box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
	margin-top: 4px;
	border-bottom: none;
}
#mf_form_list .form_option.mf_link_toptab:hover {
    background-color: #565656;
}
#mf_form_list .form_option.mf_link_toptab {
    background-color: #333;
}
#main_body select.select, 
.selectize-control.single .selectize-input, 
.selectize-dropdown.single {
    border: 1px solid #BFD8FC;
}
/* Make sections standout in view_entry.php page */
span.mf_section_title.key {
    text-transform: uppercase;
    font-size: x-large;
}
/*Fix Scrolling Problem when Select2 is enabled */
#ls_box_field_rules, #ls_box_page_rules, #ls_box_email_rules, #ls_box_webhook_rules, #ls_box_email_rules, #ls_box_success_rules {
	overflow: visible;
}
/*fix custom logo*/
#logo {
    height: 64px;
    width: 64px;
    display: none;
}
#logo img {
	max-height: 64px;
    max-width: 64px;
    margin-top: -48px;    
}