/* 
    Document   : style
    Created on : 22/01/2013, 10:19:59 AM
    Author     : camilo lozano iii
    Description:
        Purpose of the stylesheet follows.
*/

body {
    width: 980px;
    margin: 0 auto;
    font-size: 10pt;
    /*font-family: Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;*/
    font-family: Arial;
    background-repeat: repeat-x;
    background-position: top;
}
.body-bg {
    /*background-image: url('../images/council_bg.jpg') !important;*/
}
.body-override {
    /*background-image: url('../images/council_bg.jpg') !important;*/
    width: 70% !important;
}
.header {
    height: 150px;
    padding: 10px;
    margin: 0;
    background-repeat: no-repeat;
}
.header .home {
    top: 10px;
    padding: 86px 15px 0 0px;
    font-size: 16px;
    font-weigh: bold;
    text-align: right;
    color: #fff;
}
.top_menu {
    padding: 4px;
    background-color: #0077b3;
    color: #fff;
}
.main_wrapper {
    padding: 10px;
    max-width: 1170px;
    width: 80%;
    margin: 0 auto;
}
.sidenav {
    width: 200px;
    float: left;
    position: relative;
}
.contents {
    position: relative;
}
.clear {
  both: clear;
}

.content_header .title {
    background-color: #044369;
    color: #fff;
    padding: 8px;
    font-size: 18px;
    font-weight: bold;
}

.content_header .breadcrumbs {
    background-color: #e6e6e6;
    color: #000;
    padding: 4px 4px 4px 8px;
    font-size: 12px;
}

.content_steps {    
    margin: 0;
    padding: 0;
}

.content_steps ul {
    list-style-type:none;
    margin:0;
    padding:0;
    position: absolute;
}

.content_steps ul li {
    display: inline;
    /*background-color: #FAAF40;*/
    padding: 12px 0 10px 0px;
    height: 30px;
    margin: 0;
}
.content_steps ul li span.arrw {
    padding: 8px 8px 7px 15px;
    background-color: #808080;
    cursor: pointer;
    width: 20px;
    height: 10px;
}

.content_steps .arr_btn {
    padding: 5px 10px 5px 10px;
    background-color: #808080;
    width: 20px;
    height: 20px;
    float: left;
}
.content_steps .arr_holder {
    padding: 10px;
    background-image: url('../images/Nav_App_OrangeGrey.png');
    background-repeat: no-repeat;
    background-position: right;
}
.content_steps .curr {
    background-color: rgb(252, 156, 13);
}

span.arr {
    
    padding: 11px 5px 10px;
}

.notice {
    padding: 100px 100px 100px 100px;
    text-align: center;
    background-color: #F2F2F2;
}

.form_contents {
    background-color: #F9FCFF;
}

.form_contents .step_title {
    background-color: #52B0FF;
    color: #fff;
    padding: 8px 6px 8px 10px;
    font-weight: bold;
    font-size: 16px;
}

.form_contents .content {
    padding: 20px 10px 20px 10px;
}

fieldset {
    margin: 0 auto;
    width:80%;
}

.long_text {
    width: 600px;
}

.half_text {
    width: 425px;
}

.small_text {
    width: 210px;
}

.number_text {
    width: 100px;
}

.req {
    color: red;
    font-size: 20px;
    font-weight: bold;
}

#nav_app {
    margin-left: 4px;
    background-color: #808080;
    cursor: pointer;
}

div.back_0 {
    width: 120px;
    float: left;
    text-align: center;
    padding: 8px 0 8px 0;
    color: #fff;
    height: 20px;
    margin: 0;
    background-color: #808080;
}

div.back {
    background-color: #56A9D8;
    background-image: url('../images/Back_12x40px.png');
    background-repeat: no-repeat;
    background-position: left;
    width: 120px;
    float: left;
    text-align: center;
    padding: 8px 0 8px 0;
    color: #fff;
    margin: 0;
}

div.reset {
    width: 710px;
    float: left;
    text-align: center;
    padding: 8px 0 8px 0;
    color: #fff;
    margin: 0;
    background-color: #808080;
}

div.next_0 {
    width: 120px;
    float: left;
    text-align: center;
    padding: 8px 0 8px 0;
    color: #fff;
    height: 20px;
    margin: 0;
    background-color: #808080;
}

div.next {
    background-color: #56A9D8;
    background-image: url('../images/Next_12x40px.png');
    background-repeat: no-repeat;
    background-position: right;
    width: 120px;
    float: left;
    text-align: center;
    padding: 8px 0 8px 0;
    color: #fff;
    margin: 0;
}

.nav_app a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}

.nav_app a:hover {
    text-decoration: none;
    color: #fbe3e4;
    font-size: 14px;
}

.content_add_q {
    margin-top: 10px;
    padding: 10px 20px 10px 20px;
}

.border_top {
    border-top: 1px #fff solid;
    margin-top: 10px;
    padding-top: 10px;
}

label {
    font-weight: bold;
}

td.baga {
    font-weight: bold;
    vertical-align: top;
}

/* PROGRESS STEPs */

#sub_nav_progress_steps ol.progtrckr {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#sub_nav_progress_steps ol.progtrckr li {
    display: inline-block;
    text-align: center;
    line-height: 3em;
    padding-right: 3px;
}

ol.progtrckr[data-progtrckr-steps="2"] li { width: 49%; }
ol.progtrckr[data-progtrckr-steps="3"] li { width: 33%; }
ol.progtrckr[data-progtrckr-steps="4"] li { width: 24%; }
ol.progtrckr[data-progtrckr-steps="5"] li { width: 19%; }
ol.progtrckr[data-progtrckr-steps="6"] li { width: 16%; }
ol.progtrckr[data-progtrckr-steps="7"] li { width: 14%; }
ol.progtrckr[data-progtrckr-steps="8"] li { width: 12%; }
ol.progtrckr[data-progtrckr-steps="9"] li { width: 11%; }
ol.progtrckr[data-progtrckr-steps="10"] li { width: 11%; }
ol.progtrckr[data-progtrckr-steps="11"] li { width: 9%; }
ol.progtrckr[data-progtrckr-steps="12"] li { width: 8%; }
ol.progtrckr[data-progtrckr-steps="13"] li { width: 7%; }
ol.progtrckr[data-progtrckr-steps="14"] li { width: 6%; }
ol.progtrckr[data-progtrckr-steps="15"] li { width: 6%; }

#sub_nav_progress_steps ol.progtrckr li.progtrckr-done {
    color: black;
    border-bottom: 4px solid yellowgreen;
}
#sub_nav_progress_steps ol.progtrckr li.progtrckr-todo {
    color: silver; 
    border-bottom: 4px solid silver;
}

#sub_nav_progress_steps ol.progtrckr li:after {
    content: "\00a0\00a0";
    
}
#sub_nav_progress_steps ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 45%;
    line-height: 1em;
}
#sub_nav_progress_steps ol.progtrckr li.progtrckr-done:before {
    /*
    content: "\2713";
    background-color: yellowgreen;
    */
    content: url('../images/icons/accept.png');
    color: white;
    height: 1.2em;
    width: 1.2em;
    line-height: 1.2em;
    border: none;
    border-radius: 1.2em;
}
#sub_nav_progress_steps ol.progtrckr li.progtrckr-todo:before {
    /*
    content: "\039F";
    background-color: white;
    */
    content: url('../images/icons/accept_disable.png');
    color: silver;
    font-size: 1.5em;
    bottom: -1.6em;
}

/* = STEPS CONTAINER
----------------------------*/
.wizard-steps {
	margin:20px 10px 0px 10px;
	padding:0px;
	position: relative;
	clear:both;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
}
.wizard-steps div {
	position:relative;
}
/* = STEP NUMBERS
----------------------------*/
.wizard-steps span {
	display: block;
	float: left;
	font-size: 10px;
	text-align:center;
	width:15px;
	margin: 2px -2px 0px 10px;
	line-height:15px;
	color: #ccc;
	background: #FFF;
	border: 2px solid #CCC;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
/* = DEFAULT STEPS
----------------------------*/
.wizard-steps a {
	position:relative;
	display:block;
	width:auto;
	height:24px;
	margin-right: 18px;
	padding:0px 10px 0px 3px;
	float: left;
	font-size:11px;
	line-height:24px;
	color:#666;
	background: #F0EEE3;
	text-decoration:none;
	text-shadow:1px 1px 1px rgba(255,255,255, 0.8);
}
.wizard-steps a:before {
	width:0px;
	height:0px;
	border-top: 12px solid #F0EEE3;
	border-bottom: 12px solid #F0EEE3;
	border-left:12px solid transparent;
	position: absolute;
	content: "";
	top: 0px;
	left: -12px;
}
.wizard-steps a:after {
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left:12px solid #F0EEE3;
	position: absolute;
	content: "";
	top: 0px;
	right: -12px;
}

/* = COMPLETED STEPS
----------------------------*/

.wizard-steps .completed-step a {
	color:#163038;
	background: #A3C1C9;
}
.wizard-steps .completed-step a:before {
	border-top: 12px solid #A3C1C9;
	border-bottom: 12px solid #A3C1C9;
}
.wizard-steps .completed-step a:after {
	border-left: 12px solid #A3C1C9;
}
.wizard-steps .completed-step span {
	border: 2px solid #163038;
	color: #163038;
	text-shadow:none;
}
/* = ACTIVE STEPS
----------------------------*/
.wizard-steps .active-step a {
	color:#A3C1C9;
	background: #163038;
	text-shadow:1px 1px 1px rgba(0,0,0, 0.8);
}
.wizard-steps .active-step a:before {
	border-top: 12px solid #163038;
	border-bottom: 12px solid #163038;
}
.wizard-steps .active-step a:after {
	border-left: 12px solid #163038;
}
.wizard-steps .active-step span {
	color: #163038;
	-webkit-box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
	-moz-box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
	box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
	text-shadow:none;
	border: 2px solid #A3C1C9;
}
/* = HOVER STATES
----------------------------*/
.wizard-steps .completed-step:hover a, .wizard-steps .active-step:hover a {
	color:#fff;
	background: #8F061E;
	text-shadow:1px 1px 1px rgba(0,0,0, 0.8);
}
.wizard-steps .completed-step:hover span, .wizard-steps .active-step:hover span {
	color:#8F061E;
}
.wizard-steps .completed-step:hover a:before, .wizard-steps .active-step:hover a:before {
	border-top: 12px solid #8F061E;
	border-bottom: 12px solid #8F061E;
}
.wizard-steps .completed-step:hover a:after, .wizard-steps .active-step:hover a:after {
	border-left: 12px solid #8F061E;
}

.footer {
    padding: 5px 20px 5px 10px;
    background: #CCC;
    color: #000;
    text-align: right;
    font-size: 10px;
    margin-bottom: 20px;
    font-family: verdana;
    display: none;
}

.need-help {
    padding: 10px;
}

/* CAMILORD PROGRESS STEPS */

#progress_steps_nav div.progress_steps_nav {
    display: block;
    position: relative;
    background-color: #808080;
    margin-left: 6px;
    margin-top: 15px;
}

#progress_steps_nav .first-step {
    background-image: url(../images/grey_bg.png);
    background-repeat: repeat-x;
    background-position: left;
}
#progress_steps_nav .current-first-step {
    background-image: url(../images/orange_bg.png);
    background-repeat: repeat-x;
    background-position: left;
}
#progress_steps_nav .completed-first-step {
    background-image: url(../images/green_bg.png);
    background-repeat: repeat-x;
    background-position: left;
}
#progress_steps_nav .mid-step {
    background-image: url(../images/Nav_App_GreyGrey.png);
    background-repeat: no-repeat;
    background-position: left;
}
#progress_steps_nav .current-step {
    background-image: url(../images/Nav_App_GreenOrange.png);
    background-repeat: no-repeat;
    background-position: left;
}
#progress_steps_nav .current-step-ahead {
    background-image: url(../images/Nav_App_OrangeGrey.png);
    background-repeat: repeat-x;
    background-position: left;
}
#progress_steps_nav .completed-step {
    background-image: url(../images/Nav_App_GreenGreen.png);
    background-repeat: repeat-x;
    background-position: left;
}
#progress_steps_nav .completed-step-ahead {
    background-image: url(../images/Nav_App_GreyGrey.png);
    background-repeat: no-repeat;
    background-position: left;
}

#progress_steps_nav div.stepper {
    position: relative;
    text-align: center;
    padding: 10px 4px 0 4px;
    width: 55px;
    height: 30px;
    float: left;
    cursor: pointer;
}

#progress_steps_nav div.stepper a {
    margin: 0 14px 0 14px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

/* SIDE PANEL STYLE */

#sidePanel{
    width:245px;
    position:fixed;
    left:-202px;
    top:20%;
    z-index: 99;
    opacity: 0.35;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
    filter: alpha(opacity=35);
    -moz-opacity:0.35;
    -khtml-opacity: 0.35;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
    display: none;
    visibility: hidden;
}
#sidePanel:hover {
    opacity: 1.0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity:1.0;
    -khtml-opacity: 1.0;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -ms-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
}
#panelHandle{
    /*
    background-image: -webkit-linear-gradient(top,#044369,#01395a);
    background-image: -moz-linear-gradient(center top , #044369, #01395a);
    background-image: -o-linear-gradient(center top , #044369, #01395a);
    background-image: -ms-linear-gradient(center top , #044369, #01395a);
    background-image:linear-gradient(center top , #044369, #01395a);
    border-radius:0 5px 5px 0;
    */
    height:140px;
    width:30px;
    float:left;
    cursor:pointer;
    background: transparent;
}

#panelContent {
    float:left;
    border-top: 1px solid #044369;
    border-right: 1px solid #044369;
    border-bottom: 1px solid #044369;
    width:200px;
    height:300px;
    background-color:#EEEEEE;
    /*background: rgb(54, 25, 25); /* Fall-back for browsers that don't
                                    support rgba */
    /*background: rgba(54, 25, 25, .5);*/
    -moz-border-radius-bottomright: 8px;
    border-bottom-right-radius: 8px;
    background: url('/public/images/glass_panel_bg5.png') bottom no-repeat;
    /*background: rgba(255, 255, 255, 0.9);*/
    /* For IE 5.5 - 7*/
    /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);*/
    /* For IE 8*/
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#11000000)";*/
}

/*
#panelHandle p {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    color: #FFFFFF;
    font-size: 16px;
    left: -4px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 26px;
}
*/

/*
        =================================== additional CSS for version 2 application under helix project ===========================================
*/
.qdialog {
    display: none;
}
#helix-app-summary {
    padding: 10px;
}
#helix-app-summary table.completed, #helix-app-summary div.completed {
    /*background-image: url('../images/green_check64.png');*/
    background-repeat: no-repeat;
    background-position: top right;
    /*background-color: #f2fff3;*/
}
#helix-app-summary table td {
    vertical-align: top;
}


.noscroll {
    heigth: 100% !important;
    overflow: hidden !important;
}

input, textarea { color: #000; }
.placeholder { color: #aaa !important; }

.dialog-bottom-req {
    float: left;
    padding: 4px;
}

.vert {
    vertical-align: top;
}

.box-gray {
    padding: 8px 14px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #f3f3f3;
    border: 1px #bebebe solid;
}

.box-gray .progress {
    margin-bottom: 0px !important;
}

/*
        jFONTSIZE
*/
.jfontsize-button {
    font: bold 12px arial;
    padding: 3px;
    border: solid 1px #ccc;
    float:left;
}
 
.jfontsize-button:hover {
    text-decoration: none;
    background: #333;
    color: #fff;
    border: solid 1px #333;
    float:left;
}
 
.jfontsize-disabled, .jfontsize-disabled:hover {
    color: #aaa;
    border: solid 1px #eee;
    background: #eee;
    float:left;
}

legend {
    color: #008BC6 !important;
    font-family: Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif !important;
}

.form-control input.in-line {
    float: left;
}

#helix-app-summary h4, #helix-app-summary h5 {
    color: #008BC6 !important;
    font-family: Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif !important;
}

#content-holder h4, #content-holder h5 {
    color: #008BC6 !important;
    font-family: Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif !important;
}

.nav a {
    font-size: 13px !important;
}

.cu-desc {
    font-size: 12px;
    width: 950px;
    word-wrap: break-word;
    white-space: normal;
}

#error-display h4 {
    font-weight: bold;
    color: #be4a48 !important;
}


#error-ref h4 {
    font-weight: bold;
    color: #be4a48 !important;
}

/* CSS Tweaks - AJ */
.btn-success {
	background-color: #009900;
}
.btn-info {
	background-color: #3399CC;
}
.btn-warning {
	background-color: #FF9900
}
.progress-bar-success {
	background-color: #009900;
}

.yes-no {
    color: #34a5c7;
    font-weight: bold;
    text-transform: capitalize;
}

/* =================================== CALLOUT ============================ August 14, 2013 [start] */
.callout-side {
    position: relative;
    margin: 0 0 0 5px;
    padding: 5px 20px;
    background-color: #FBFCFC;
    /* easy rounded corners for modern browsers */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #FBFCFC 0%, #EFF2F6 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #FBFCFC 0%, #EFF2F6 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(top, #FBFCFC 0%, #EFF2F6 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FBFCFC), color-stop(1, #EFF2F6));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #FBFCFC 0%, #EFF2F6 100%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #FBFCFC 0%, #EFF2F6 100%);
}
.as-me {
    background-color: #b9ef82;
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #C4F193 0%, #A5E866 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #C4F193 0%, #A5E866 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(top, #C4F193 0%, #A5E866 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C4F193), color-stop(1, #A5E866));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #C4F193 0%, #A5E866 100%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #C4F193 0%, #A5E866 100%);
    /* border color: 60b826 */
}

.callout-side .notch-leftside {
    position: absolute;
    top: 10px;
    left: -10px;
    margin: 0;
    border-top: 10px solid transparent;
    border-left: 0;
    border-right: 10px solid #f3f6f8;
    border-bottom: 10px solid transparent;
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
}
.callout-side .notch-rightside {
    position: absolute;
    top: 10px;
    right: -10px;
    margin: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #C4F193;
    border-right: 0;
    border-bottom: 10px solid transparent;
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
}
.border-callout { border: 1px solid #c8cfd8; padding: 6px 6px; }
.border-callout .border-notch { border-bottom-color: #c8cfd8; top: -11px; }
.border-callout .border-notch-leftside { border-left-color: #c8cfd8; top: 10px; }
.border-callout-as-me { border: 1px solid #60b826; padding: 6px 6px; }
.border-callout-as-me .border-notch { border-bottom-color: #60b826; top: -11px; }
.border-callout-as-me .border-notch-rightside { border-left-color: #60b826; top: 10px; }
.callout-side .timestamp {
    margin: 10px 10px 0 0 !important;
    font-size: 12px;
    text-align: right;
}
.callout-side p {
    margin-bottom: 4px;
}
/* =================================== CALLOUT ============================ [end] */

.step-title {
    border-color: -moz-use-text-color -moz-use-text-color #E5E5E5; 
    color: #008BC6 !important; 
    font-size: 21px; 
    font-family: Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif !important;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #E5E5E5;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #333333;
    display: block;
    line-height: inherit;
    margin-bottom: 20px;
    padding: 0;
    width: 100%;
}

.pre_app_meeting_ref_number{
    width: 350px;
    margin-bottom: 20px;
}

.stat-red {
    background-color: #cc0000 !important;
    color: #fff;
    font-weight: bold;
}

.stat-orange {
    color: #ff9900 !important;
    font-weight: bold;
}

.stat-green {
    color: #00cc00 !important;
    font-weight: bold;
}

.stat-grey {
    background-color: #c0c0c0 !important;
    color: #c00000 !important;
    font-weight: bold;
}

.stat-blue {
    color: #999999 !important;
    font-weight: bold;
}
.ui-dialog-titlebar-close {
  visibility: hidden !important;
}

.preloader-overlay {
    position: fixed !important;
    background-color: #000 !important;
    width: 100%;
    height: 100%;
    opacity:.5;
    top:0;
    bottom: 0;
    left:0;
    right: 0;
    zIndex: 9999;
    display: none;
}

.preloader-overlay div.preloader-img {
    width: 100px;
    margin: 350px auto;
    display: none;
}

/*-- NOTIFICATION --*/
.noti-msg{
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin: 15px 2px;
}

.no-outline:focus,
.btn:focus{
    outline: none !important;
}

.help-box-font-title{
    font-size: 16px;
    font-weight: bold;
}

.center {
    text-align: center;
}

.wrap {
    min-height: calc(100vh - 90px);
}

.error_messages_box {
    display: none;
    border: 1px solid crimson;
    border-radius: 10px;
    padding: 10px 0;
}

.size-1x-margin {
    margin: 15px 0;
}

.size-1x-txt {
    font-size: 18px;
}

/*===================== REALME RULES ==========================*/
.realme-next {
    display: inline-block;
}

.realme-logo {
    width: 45px;
    height: 45px;
    object-fit: cover;
    object-position: center;
}

.realme_text{
    display:none;
    width: 100%;
}

.realme-help-text {
    font-size: 17px;
}

.realme_msg_box {
    padding: 7px 7px;
    margin-bottom: 7px;
    border-radius: 1px;
}

.realme-help-title {
    font-size: 24px;
    font-weight: bold;
}
.a1-autocomplete {
    z-index: 100;
    height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
}
/*======================== END  ===============================*/


.fixed-dialog {
    position: fixed!important;
    top: 50px;
    left: 50px;
}

.text-holder-hidden {
    display: none;
}

div.panel div.editable-text {
    border: 2px dashed #CCC;
    cursor: pointer;
    background-color: #FFFFCC;
    min-height: 15px;
    padding: 2px 5px 2px 5px;
}

.text-holder-hidden .mceContentBody {
    margin: 8px !important;
}

.show-5-sec {
    -webkit-animation: cssAnimation 5s forwards;
    animation: cssAnimation 5s forwards;
}
@keyframes cssAnimation {
    0%   {opacity: 1; margin-bottom: 50px;}
    90%  {opacity: 1; margin-bottom: 50px;}
    100% {opacity: 0; margin-bottom: -50px;}
}
@-webkit-keyframes cssAnimation {
    0%   {opacity: 1; margin-bottom: 50px;}
    90%  {opacity: 1; margin-bottom: 50px;}
    100% {opacity: 0; margin-bottom: -50px;}
}

span.lbp-reg-span {
    display: inline-block;
    margin-top: 2px;
    padding-top: 4px;
}