/*
    DEMO STYLE CHANGED
*/

hr {
    border: none;
    height: 1px;
    /* Set the hr color */
    color: !important; /* old IE */
    background-color: #ddd !important;/* Modern Browsers */
}


button svg { 
  cursor: pointer;
}

@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
/* Range */

div.content_page { 
margin-top:100px;
}
.btn {
    color: black !important;
}

.progress-bar {
    font-size:  1.1em !important;
    min-height:100px;
}
.btn-primary {
    color:white !important;
}
button, input[type=button], input[type=submit], input[type=reset] {
     cursor: pointer;
    font-family: Open Sans,Helvetica,sans-serif !important;
    font-size: 1.2em !important;
  border-radius: 0 !important;
  font-weight: 700;
}
output {
    display: block;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin: 30px 0;
    max-width: 450px;
    width:90%;
}


.progress-bar-purple {
      background-color: purple !important;
}
.progress-bar-orange {
      background-color: orange !important;
}

.panel{
    min-height:800px !important;
        padding:5px !important;
}
.panel-body {
    border-bottom: 1px #ddd solid;
    padding:5px !important;

}
.navbar-fixed-bottom
{
    min-height: 100px !important;
}


table.three_col_table td
{
        width:33% !important;
}

table.two_col_table td
{
        width:50% !important;
}

div.div_stat_button{
    
    text-align:center;
}

a.btn-stat{
    width:90px;
    height:90px;
    max-width:100%;
    padding-top:25px;
}

a.btn-sqr{
    max-width:100%;
}
a.btn-sqr h1{
    display: block;
    font-size: 1.2em !important;
}

table.stattable td {
    text-align: center;
    vertical-align: middle;
    padding:5px;
    border:5px solid white;
}

.btn_full_width {
    width:100%;
}

.stat_button
{
  max-width:120px;  
  min-height:100px;
  vertical-align: middle;
}


table.stattable td h1 {
    margin-top:5px;
    margin-bottom:5px;
    vertical-align: middle;
}

table.stattable th {
    text-align: center;
    vertical-align: middle;
    padding:15px;
    
}
table.stattable{
    min-height: 40px !important;
    width:100%;
}

table.stickyout td {
    text-align: center;
    vertical-align: middle;
    padding:10px;
    border-top:1px solid #ddd;
}

table.stickyout{
    height: 100%;
    width:100%;
}

a.btn-stickyout{
    padding:10px;
    font-size:1.1em !important;
}
.progress.active .progress-bar {
    -webkit-transition: none !important;
    transition: none !important;
}

.btn-light, .btn-light:hover, .btn-light:active, .btn-light:visited {
    background-color: #dddddd !important;
    color:black;
}

.btn-light:hover {
    color:white !important;
    background-color: #3e3e4a !important;
    background-image: linear-gradient(to bottom,#000000 0, #3e3e4a 100%);
}


img.sicon
{
	padding-bottom:4px;
	padding-top:3px;
	width:25px;
	height:25px;
}


.u-left {
    float: left;
}
.u-cf:before,
.u-cf:after {
    content: "";
    display: table;
}
.u-cf:after {
    clear: both;
}
.u-text-left {
    text-align: left;
}

/* Other */


.tab-pane {
    margin-top:15px;
}

.imp3Card{
    border-left: 5px solid #a00808;
}
.imp2Card{
    border-left: 5px solid #e5af00;
}
.imp1Card{
    border-left: 5px solid #dddddd;
}
.completeCard{
    border-left: 5px solid #0d682d;

}

.completed::before  {
  content: "\2713";
   font-weight:500;
   margin-right:5px;
}
.note::before {
    content: "\276F";
    font-weight:500;
    margin-right:5px;
}
.completed {
    
    padding:3px;
}
.uncompleted::before  {
  margin-right:3px;
  content: "\2022";
  font-weight:300;
}

ul.group  {
  list-style-type: none;
  margin-left:0px;
  padding-left:10px;
}

ul.group li {
  margin-bottom:7px;
}

ol.group  {
  margin-left:0px;
  padding-left:25px;
}

ol.group li {
  
  margin-bottom:7px;
}


.cardClassFocused
{
    background-color: #004458;
}

div.container-fluid {
   max-width: 100% !important;
  overflow-x: hidden !important;
}
.text-wrap
{
   white-space: normal !important;
}

body {
    background: #fafafa;
    padding-top: 65px; 
    max-width:100%;
}

p {
    font-size: 1.1em;
    color: #000;
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

h4
{
    display: block;
  font-size: 1.4em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;

}

h1
{
    display: block;
  font-size: 1.8em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
}

p.myp
{

    color:black;
}

li.myl
{
    margin-top:10px;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
}



button {
        font-family: 'Poppins', sans-serif;
}

.navbar {
    
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 0px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px;
  }
}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    z-index: 1001;
    background: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    // box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}


#sidebar.active {
    left: 0;
}

.invisable {
    display: block;
}
.visable {
    display: none;
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #1a5d71;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#dismiss:hover {
    background: #fff;
    color: #7386D5;
}

.overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.05);
    z-index: 998;
    display: none;
}

#sidebar .sidebar-header {
    padding: 10px;
    background: #004458;
}

#sidebar ul.components {
    padding: 20px 0;;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}
#sidebar ul li a:hover {
    color: #1a5d71;
    background: #fff;
}
.activeSidebar {
    color: #1a5d71;
    background: #fff;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: #fff;
    background: #1a5d71;
}


a[data-toggle="collapse"] {
    position: relative;
}

div.container-fluid {
padding-right:0;
padding-left:0;
}


a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
}
a[aria-expanded="true"]::before {
    content: '\e260';
}


ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #1a5d71;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}
a.download {
    background: #fff;
    color: #1a5d71;
}
a.article, a.article:hover {
    background: #1a5d71 !important;
    color: #fff !important;
}


/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    max-width: 100%;
    padding: 0px;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.offsetContent
{
    margin-left:260px !important; 
}


.item {
    background-color: #FFFFFF;
    padding:25px;
    width:100%;
    height:150px;
        font-size: 18px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 19.8px;
    border:0px;
 border-style: none; 
    border-color: Transparent; 

}

h4 {
    font-weight:400;
    }

h4.pageTitle
{
    font-weight:400;
}

.index-content a:hover{
    color:black;
    text-decoration:none;
}
.index-content{
    margin-bottom:20px;
    padding:5px 0px;
    
}
/*.index-content .row{
    margin-top:10px;
}*/
.index-content a{
    color: black;
}
.index-content .card{
    background-color: #FFFFFF;
    padding:0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius:4px;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);

}
.index-content .card:hover{
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.3);
    color:black;
}
.index-content .card img{
    width:100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.index-content .card h4{
    margin:20px;
}
.index-content .card p{
    margin:20px;
    opacity: 0.65;
}
.index-content .blue-button{
    width: 100px;
    -webkit-transition: background-color 1s , color 1s; /* For Safari 3.1 to 6.0 */
    transition: background-color 1s , color 1s;
    min-height: 20px;
    background-color: #002E5B;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    font-weight: lighter;
    margin: 0px 20px 15px 20px;
    padding: 5px 0px;
    display: inline-block;
}
.index-content .blue-button:hover{
    background-color: #dadada;
    color: #002E5B;
}

.nav-pills li.active a, .nav-pills li.active a:focus, .nav-pills li.active a:hover {
    background-color: #004458;
}

#sidebarCollapse #dashboardButton {
    background-color: #004458;
    background-image: #004458;
}

.btn-info, .btn-info:hover, .btn-info:active, .btn-info:visited {
    background-color: #007599 !important;
    background-image: linear-gradient(to bottom,#004458 0,#007599 100%);
    border-color: #004458 !important;
}


.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #3e3e4a !important;
    background-image: linear-gradient(to bottom,#000000 0, #3e3e4a 100%);
    border-color: #eeeeee !important;
    color:white;
}







.active-cyan-3 input[type=text] {
    border: 1px solid #4dd0e1;
    box-shadow: 0 0 0 1px #4dd0e1;
}


/* jQuery Badge CSS */


.notification-badge {
    min-width: 7px;
    border-radius: 2px;
    padding: 1px 4px;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    background-color: #a00808;
    margin-left: -3px;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    vertical-align: baseline;

}

/* showhide */

.showHide { display:none; }

/* Desktop*/
@media screen and (min-width: 768px) {
  .showHide  { display: inline; }
  #sidebar > button { display: none; }
}



/**** STYLE FROM ADMIN ****/

tr,td {
    margin:0px;
    padding:0px;
}

.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

/*
menu
*/
/* Remove margins and padding from the list, and add a black background color */


ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #f6f6f6;
    
}

/* Float the list items side by side */
ul.topnav li {float: left;}

/* Style the links inside the list items */
ul.topnav li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of links on hover */
ul.topnav li a:hover {background-color: #ddd;}

/* Hide the list item that contains the link that should open and close the topnav on small screens */
ul.topnav li.icon {display: none;}

/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}

/*
main
*/
.section {
    display:none;
}

body {
font-family: Open Sans,Helvetica,sans-serif;
    background: #ffffff;
}

tr.SFunction td {

   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */

}

.myTextarea {
    resize: none;
    box-sizing: content-box;
}

span.error
{
color:red;
}

table.fldGroup
{
 min-width:100%;
}

table.RecordID
{

margin-bottom: 10px;
}

table.SublistBackground
{
background-color:#ddd;
margin-bottom: 10px;
}

span.titleid
{
font-size:11px;
font-weight:bold;
color:white;
}

div.container
{
margin:15px;
font-size:11px;
}
/*redefine*/

::-moz-selection {
    background: #111;
    color: #eee;
}

::selection {
    background: #111;
    color: #eee;
}

/*links*/

a:link, a:visited {
    color: #7389ae;
}

a:hover, a:active {
    color: #990000;
}



/*menu*/

#Menu {
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 210px;
    margin-top: 108px;
}

.MGroup {
    font-weight: bold;
    font-size: 16px;
    padding: 0 0 5px;
    text-transform: uppercase;
    text-decoration: none;
}

.MGroup a {
    padding: 6px 10px;
    text-decoration: none;
    display: block;
    background: #7389ae;
    color: #fff;
    text-align: right;
    text-shadow: 2px 2px 1px #5e708e;
    border-right: 4px solid #5e708e;
    cursor: pointer;
    font-weight: bold;
}

.MGroupContent {
    
    padding-top: 5px;
    font-weight: normal;
    text-transform: none;
}

#MSelected, .MFile a:link, .MFile a:visited, .MIndex a:link, .MIndex a:visited {
    display: block;
    padding: 4px 4px 4px 30px;
    margin: 2px 0;
    background: #232529;
    color: #a4acba;
    text-decoration: none;
    text-align: left;
    text-shadow: 2px 2px 1px #1c1d1f;
    border-right: 4px solid #1c1d1f;
    font-weight: bold;
}

.MFile a:hover, .MFile a:active, .MIndex a:hover, .MIndex a:active {
    background-color: #3e4043;
    color: #faec8f;
    border-right: 4px solid #303234;
    text-shadow: 2px 2px 1px #303234;
}

#MSelected {
    background-color: #fff;
    color: #333;
    text-shadow: none;
    border-right: 4px solid #fff;
}

/*content, paragraphs, code, headings*/

#MainTopic .CTitle, .IPageTitle {
    padding: 5px 10px;
    color: #fff;
}

.CClass .CTitle, .CSection .CTitle {
    background: #c17878;
    padding: 5px 10px;
    /*background-repeat: no-repeat;*/
    /*background-position: center left;*/
    color: #fff;
    margin-bottom: 10px;    
    text-shadow: 2px 2px 1px #935b5c;
}

.CSection .CTitle {
    background-color: #ddd;
    color: #666;
    text-shadow: none;
}

.CGroup .CTitle, .INavigationBar {
    background: #ccc;
    padding: 3px 10px;
    
    text-transform: uppercase;
    
}

.CProperty .CTitle, .CFunction .CTitle {
    color: #fff;
    background: #7389ae;
    padding: 3px 10px;
    background-repeat: no-repeat;
    background-position: center left;
    text-shadow: 2px 2px 1px #5e708e;
}

.CProperty .CTitle {
    padding-left: 50px;
    background-image: url(../images/method.png);
}

.CFunction .CTitle {
    padding-left: 60px;
    background-image: url(../images/function.png);
}

.CClass .CTitle {
    /*padding-left: 40px;*/
    background-image: url(../images/class.png);
}

pre {
    font: 12px "Monaco", "Courier New", Monospace;
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 10px 15px;
    color: #444;
    margin-left: 30px;
    overflow: auto !important;
    overflow: scroll;
    line-height: 1.5;
}

.CParagraph, .CDescriptionList {
    padding: 5px 5px 5px 30px;
}

.CDescriptionList tr {
    padding: 2px 0;
}

.CDLEntry {
    /*padding: 0 10px 0 0;*/
    color: #489a1b;
    /*font: 12px "Monaco", "Courier New", Monospace;*/
    font: 12px "Monaco", "Courier New";
}

h4.CHeading, .STitle {
    padding-left: 10px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    background: #fdfdfd;
    color: #54545d;
}

.CProperty .CTitle, .CFunction .CTitle, .CGroup .CTitle, .CClass .CTitle, .CSection .CTitle {
    margin: 15px 0 10px;
}

/*forms*/
.FormTitle {
    width: 170px;
    text-align: right;
    padding-right: 5px;
}
 .formbutton {
    border-style: solid;
    border-color: #1D1D20;
    border-width: 1px;
    padding:7px;
    background-color: #FFFFFF;
    font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
    color: black;
    font-size: 12px;
    cursor: hand;
}

 .formbutton:hover {
    background-color: #EFEFEF;
}

/*summary*/

.SBody {
font-size:16px;

}

.STitle {
    
    padding: 2px 10px;
    font-weight: bold;
}

.STable {
    /*width: 100%;*/
    border-collapse: collapse;
    
}

.STable a:link, .STable a:visited {
    color: #162443;
}

.STable a:hover, .STable a:active {
    color: #000000;
}

.SBody {

    background: #fff;
}

.SMarked {
    background: #FFF;   
}
.SMarked td{
    border-top:1px solid #ddd;
}


.SMarked:hover {
    background: #DDD;
}
.SFunction{
    border-top:1px solid black;
}
.SFunction:hover {
    background: #DDD;
}

.STable td {
    border-top:1px solid #ddd;
    padding: 7px 6px 7px;;

}

h4.CHeading, .STitle {
    margin:10px;
}

.SMain {

    background: #ffca7f;
}

.SMain td {
    padding: 7px 6px;
}

.SProperty .SEntry, .SFunction .SEntry {
    text-align: right;
}

.SEntry {
    font-weight:bold;   

}


.SClass, .SSection {
    
    background: #DDD;
}

.SGroup {
    
    background: #DDD;
    padding:5px;
}

/*index*/

#Index table {
    padding: 10px;
    
}

#Index table td {
    padding: 2px 6px;
}

.IHeading, .ISymbolPrefix {
    font-weight: bold;
    
    background: #eee;
}

td.IHeading {
    padding-top: 10px;
    border-top: 4px solid #fff;
    text-align: center;
}

.ISubIndex {
    padding-left: 20px;
}

.ISubIndex a {
    display: block;
}

.IPageTitle {
    font-size: 24px;
    font-weight: bold;
}

.INavigationBar {
    
    font-weight: bold;
    text-align: center;
}

#Footer {
    margin-left: 200px;
    padding: 10px;
    text-align: right;
    color: #dadada;
}

.CToolTip {
    position: absolute;
    visibility: hidden;
    left: 0;
    top: 0;
    background: #444;
    padding: 10px;
    color: #fff;
}

/*custom*/

div#littlefoot {
    text-align: right;
    color: #c1c1d5;
    padding: 0 30px;
}

a.toTop {
    float: right;
    font-size: 9px;
    color: #fff;
    margin-top: 4px;
    text-transform: lowercase;
    text-shadow: none;
}

/* @group geshi */

.kw1 {
    color: #1b609a;
}

.kw2 {
    color: #9a6f1b;
}

.me1 {
    color: #666;
}

.kw3, .re0, .sc1 {
    color: #784e0c;
}

.br0 {
    color: #444;
}

.st0 {
    color: #489a1b;
}

.co1, .coMULTI {
    color: #888;
}

.nu0 {
    color: #70483d;
}
option {
    color: #323234;
    margin: 0;
    padding: 0;
}

table.frm {
border-spacing: 10px;
}

input,select {
    border:0px;
    border-bottom:1px solid #ddd;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 20px;
    padding: 10px;
        background: #ffffff;
    color: #323234;
    margin: 0;
    padding: 0;
    /*background: #1d1d20;*/
}
textarea {
border:0px;
border-bottom:1px solid #ddd;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        line-height: 20px;
        padding: 10px;
    height:40px;
    color: #323234;
    margin: 0;
    padding: 0;
    /*background: #1d1d20;*/
}

.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent;
background-color: 
}

.ubercolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform: uppercase;
}


.ubercolortabs a{
float: left;
color: white;
background: #19378F url(media/roundleft.gif) no-repeat left top; /*default background color of tabs, left corner image*/
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;
}

.ubercolortabs a span{
float: left;
display: block;
background: transparent url(media/roundright.gif) no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
}

.ubercolortabs a span{
float: none;
}


.ubercolortabs a:hover, .ubercolortabs li.selected a{
background-color: #19378F; /*background color of tabs onMouseover*/
color: white;
}

.ubercolortabs a:hover span{
background-color: transparent;
}


.ubercolordivider{ /*CSS for horizontal line.*/
clear: both;
padding: 0;
width: 99%;
height: 5px;
line-height: 5px;
background: #19378F; /*background color of horizontal line*/
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}


table.lineitems td 
{
border-bottom:1px solid #dddddd;
border-left:0px;
border-right:0px;
margin:0px; padding:0px;
vertical-align:middle;

}
table.lineitems table
{
margin:0px; padding:0px; border-collapse: collapse;
}

table{
border:0px;
//border-collapse: collapse;

}

/* forms */
div.form_header
{
padding-left:10px; font-size:14px;
}

/* colors .*/

table.style_one
{
margin-left:15px;
}

table.style_one input
{

border:1px solid #dddddd;
}


/* @end */


/* inputs */
.myBox_container_user input {
background-color: #FCF4E4;
}


/* rounded corrners*/

#main { background: #fff; padding: 10px }

.realBox {
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-borer-radius: 1px;
}

.myBox, .realBox, .myBox2 {
    margin: 0 auto 0px;
    width: 95%;
    padding: 10px;
    text-align: left;
    background-color: #ffffff;
    border:1px solid #A09BA2;
}


.myBox_container_user {
    padding: 10px;
    width:550px;
    margin-top:10px;
    text-align: left;
    background-color: #FCF4E4;
    border:0px solid #414143;
}

.myBox_container {
    padding: 10px;
    width:950px;
    margin-top:10px;
    text-align: left;
    background-color: #FCF4E4;
    border:0px solid #414143;
}

.myBox_container input
{
background-color:#FCF4E4;
background:#FCF4E4;
}

.myBox input
{
background-color:#fff;
background:#fff;
}

input.user_entry
{
background-color:#F2EBB5;
background:#F2EBB5;
}

iframe {overflow-x:hidden;}


/* INPUT FORMS */

table.uform {
width:100%;
margin-bottom:15px;
margin-bottom:10px;
}



table.uform td table td, table.fields_tbl td {
padding:1px;
margin-left:10px;
}

/* text */
table.uform input.text { 
width:125px;height:20px;text-align:right;
}

select, input, textarea
{
margin-left:5px;
margin-right:5px;
}



.blueButton {
    box-shadow:inset 0px 1px 0px 0px #97c4fe;
    background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
    background-color:#3d94f6;
    border-radius:6px;
    border:1px solid #337fed;
    display:inline-block;
    cursor:pointer;
    color: white;
    font-family:Arial !important;
    font-size:19px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #1570cd;
}

a:link.blueButton 
{
    color: white;
}

a:visited.blueButton 
{
    color: white;
}


.greenButton {
    box-shadow:inset 0px 1px 0px 0px #40ad15;
    background:linear-gradient(to bottom, #268a41 5%, #5cbf2a 100%);
    background-color:#268a41;
    border-radius:6px;
    border:1px solid #288c0f;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:19px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #2f6627;
}
.greenButton:hover {
    background:linear-gradient(to bottom, #5cbf2a 5%, #268a41 100%);
    background-color:#5cbf2a;
}
.greenButton:active {
    position:relative;
    top:1px;
}


a:link.greenButton 
{
    color: white;
}

a:visited.greenButton 
{
    color: white;
}



.highlight {
    color: black !important;
}
.highlight-container, .highlight {
  position: relative;
}

.highlight-container {
  display: inline-block;
}
.highlight-container:before, .highlight-container:after {
  content: " ";
  display: block;
  height: 90%;
  width: 100%;
  margin-left: -3px;
  margin-right: -3px;
  position: absolute;
}
.highlight-container:before {
  background: rgba(234, 221, 6, 0.9);
  transform: rotate(2deg);
  top: -1px;
  left: -1px;
}
.highlight-container:after {
  background: rgba(234, 210, 6, 0.6);
  top: 3px;
  right: -2px;
}
.highlight-container .highlight {
  color:white;
  z-index: 4;
}


.blueButton:hover {
    background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
    background-color:#1e62d0;
}
.blueButton:active {
    position:relative;
    top:1px;
}