/** these MUST stay **/
/* *** not needed for starter app
a {text-decoration:none; white-space:nowrap}
a:hover {text-decoration:underline}
a.button {text-decoration:none}
h1,h2,h3,h4,h5,h6 {margin:0.5em 0 0.25em 0; display:block;
  font-family:Helvetica}
h1 {font-size:4.00em}
h2 {font-size:3.00em}
h3 {font-size:2.00em}
h4 {font-size:1.50em}
h5 {font-size:1.25em}
h6 {font-size:1.12em}
th,label {font-weight:bold; white-space:nowrap;}
td,th {text-align:left; padding:2px 5px 2px 5px}
th {vertical-align:middle; border-right:1px solid white}
td {vertical-align:top}
form table tr td label {text-align:left}
p,table,ol,ul {padding:0; margin: 0.75em 0}
p {text-align:justify}
ol, ul {list-style-position:outside; margin-left:2em}
li {margin-bottom:0.5em}
span,input,select,textarea,button,label,a {display:inline}
img {border:0}
blockquote,blockquote p,p blockquote {
  font-style:italic; margin:0.5em 30px 0.5em 30px; font-size:0.9em}
i,em {font-style:italic}
strong {font-weight:bold}
small {font-size:0.8em}
code {font-family:Courier}
textarea {width:100%}
video {width:400px}
audio {width:200px}
[type="text"], [type="password"], select {
  margin-right: 5px; width: 300px;
}
.w2p_hidden {display:none;visibility:visible}
.right {float:right; text-align:right}
.left {float:left; text-align:left}
.center {width:100%; text-align:center; vertical-align:middle}
*/
/** end **/

/* Sticky footer begin */
/* *** not needed for starter app
.main {
  padding:20px 0 50px 0;
}

.footer,.push {
  height:6em;
  padding:1em 0;
  clear:both;
}

.footer-content {position:relative; bottom:-4em; width:100%}

.auth_navbar {
    white-space:nowrap;
}
*/
/* Sticky footer end */
/* *** not needed for starter app
.footer {
    border-top:1px #DEDEDE solid;
}
.header {
        /* background:<fill here for header image>; */
}
*/

fieldset {padding:16px; border-top:1px #DEDEDE solid}
fieldset legend {text-transform:uppercase; font-weight:bold; padding:4px 16px 4px 16px; background:#f1f1f1}

/* fix ie problem with menu */

td.w2p_fw {padding-bottom:1px}
td.w2p_fl,td.w2p_fw,td.w2p_fc {vertical-align:top}
td.w2p_fl {text-align:left}
td.w2p_fl, td.w2p_fw {padding-right:7px}
td.w2p_fl,td.w2p_fc {padding-top:4px}
div.w2p_export_menu {margin:5px 0}
div.w2p_export_menu a, div.w2p_wiki_tags a, div.w2p_cloud a {margin-left:5px; padding:2px 5px; background-color:#f1f1f1; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

/* tr#submit_record__row {border-top:1px solid #E5E5E5} */
#submit_record__row td {padding-top:.5em}

/* Fix */
#auth_user_remember__row label {display:inline}
#web2py_user_form td {vertical-align:top}

/*********** web2py specific ***********/
div.w2p_flash {
    font-weight:bold;
    display:none;
    position:fixed;
    padding:10px;
    top:48px;
    right:250px;
    min-width:280px;
    opacity:0.95;
    margin:0px 0px 10px 10px;
    vertical-align:middle;
    cursor:pointer;
    color:#fff;
    background-color:#000;
    border:2px solid #fff;
    border-radius:8px;
    -o-border-radius: 8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    background-image: -webkit-linear-gradient(top,#222,#000);
    background-image: -o-linear-gradient(top,#222,#000);
    background-image: -moz-linear-gradient(90deg, #222, #000);
    background-image: linear-gradient(top,#222,#000);
    background-repeat: repeat-x;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    z-index:2000;
}

div.w2p_flash #closeflash{color:inherit; float:right; margin-left:15px;}
.ie-lte7  div.flash #closeflash
{color:expression(this.parentNode.currentStyle['color']);float:none;position:absolute;right:4px;}

div.w2p_flash:hover { opacity:0.25; }

div.error_wrapper {display:block}
div.error {
    color:red;
    padding:5px;
    display:inline-block;
}

.topbar {
    padding:10px 0;
    width:100%;
    color:#959595;
    vertical-align:middle;
    padding:auto;
    background-image:-khtml-gradient(linear,left top,left bottom,from(#333333),to(#222222));
    background-image:-moz-linear-gradient(top,#333333,#222222);
    background-image:-ms-linear-gradient(top,#333333,#222222);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#333333),color-stop(100%,#222222));
    background-image:-webkit-linear-gradient(top,#333333,#222222);
    background-image:-o-linear-gradient(top,#333333,#222222);
    background-image:linear-gradient(top,#333333,#222222);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#222222',GradientType=0);
    -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1);
    -moz-box-shadow:0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1);
    box-shadow:0 1px 3px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1);
}

.topbar a {
    color:#e1e1e1;
}

#navbar {float:right; padding:5px; /* same as superfish */}

.statusbar {
    background-color:#F5F5F5;
    margin-top:1em;
    margin-bottom:1em;
    padding:.5em 1em;
    border:1px solid #ddd;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

.breadcrumbs {float:left}

.copyright {float:left}
#poweredBy {float:right}

/* #MEDIA QUERIES SECTION */

/*
*Grid
*
* The default style for SQLFORM.grid even using jquery-iu or another ui framework
* will look better with the declarations below
* if needed to remove base.css consider keeping these following lines in some css file.
*/
/* .web2py_table {border:1px solid #ccc} */
.web2py_paginator {}
.web2py_grid {width:100%}
.web2py_grid table {width:100%}
.web2py_grid tbody td {padding:2px 5px 2px 5px; vertical-align: middle;}
.web2py_grid .web2py_form td {vertical-align: top;}

.web2py_grid thead th,.web2py_grid tfoot td {
    background-color:#EAEAEA;
    padding:10px 5px 10px 5px;
}

.web2py_grid tr.odd {background-color:#F9F9F9}
.web2py_grid tr:hover {background-color:#F5F5F5}

/*
.web2py_breadcrumbs a {
    line-height:20px; margin-right:5px; display:inline-block;
    padding:3px 5px 3px 5px;
    font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
    color:#3C3C3D;
    text-shadow:1px 1px 0 #FFFFFF;
    white-space:nowrap; overflow:visible; cursor:pointer;
    background:#ECECEC;
    border:1px solid #CACACA;
    -webkit-border-radius:2px; -moz-border-radius:2px;
    -webkit-background-clip:padding-box; border-radius:2px;
    outline:none; position:relative; zoom:1; *display:inline;
}
*/

.web2py_console form {
    width: 100%;
    display: inline;
    vertical-align: middle;
    margin: 0 0 0 5px;
}

.web2py_console form select {
    margin:0;
}

.web2py_search_actions {
    float:left;
    text-align:left;
}

.web2py_grid .row_buttons {
    min-height:25px;
    vertical-align:middle;
}
.web2py_grid .row_buttons a {
    margin:3px;
}

.web2py_search_actions {
    width:100%;
}

.web2py_grid .row_buttons a,
.web2py_paginator ul li a,
.web2py_search_actions a,
.web2py_console input[type=submit],
.web2py_console input[type=button],
.web2py_console button {
    line-height:20px;
    margin-right:2px; display:inline-block;
    padding:3px 5px 3px 5px;
}

.web2py_counter {
    margin-top:5px;
    margin-right:2px;
    width:35%;
    float:right;
    text-align:right;
}

/*Fix firefox problem*/
.web2py_table {clear:both; display:block}

.web2py_paginator {
    padding:5px;
    text-align:right;
    background-color:#f2f2f2;

}
.web2py_paginator ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}

.web2py_paginator ul li {
    display:inline;
}

.web2py_paginator .current {
    font-weight:bold;
}

.web2py_breadcrumbs ul {
    list-style:none;
    margin-bottom:18px;
}

li.w2p_grid_breadcrumb_elem {
    display:inline-block;
}

.web2py_console form { vertical-align: middle; }
.web2py_console input, .web2py_console select,
.web2py_console a { margin: 2px; }


#wiki_page_body {
   width: 600px;
   height: auto;
   min-height: 400px;
}

/* fix some IE problems */

.ie-lte7 .topbar .container {z-index:2}
.ie-lte8 div.w2p_flash{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#000000', GradientType=0 ); }
.ie-lte8 div.w2p_flash:hover {filter:alpha(opacity=25);}
.ie9 #w2p_query_panel {padding-bottom:2px}

.web2py_console .form-control {width: 20%; display: inline;}
.web2py_console #w2p_keywords {width: 50%;}
.web2py_search_actions a, .web2py_console input[type=submit], .web2py_console input[type=button], .web2py_console button { padding: 6px 12px; }

h1 {color: #3c8dbc;}

.main-sidebar, .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
    width: 250px;
}
@media (max-width: 767px) {
    .main-sidebar, .left-side {
        -webkit-transform: translate(-250px, 0);
        -ms-transform: translate(-250px, 0);
        -o-transform: translate(-250px, 0);
        transform: translate(-250px, 0);
    }
}

.box-header .box-title {display: block; text-align: center; font-size: 1.2em;}

/* a {color: #3c8dbc} */
a:hover, a:active, a:focus {color: #204d74;}
/* .btn {border-color: #f58d34;} */
/* th {text-align: right; padding-right: 30px!important;}
td {text-align: right; padding-right: 20px!important;} */

.main-header .logo {height: 30px; line-height: 30px;}
.main-header .navbar {min-height: 30px; height: 30px; line-height: 30px;}
.main-header .sidebar-toggle {padding: 0 15px;}
.nav>li>a {padding: 5px 15px!important;}
.content-header {padding: 0 15px;}

.skin-blue .main-header .navbar,
.skin-blue .main-header .logo {
    color: #eee;
    background: #222d32;
}
.dropdown-menu {
    color: #333;
}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header {display: none;}
@media (max-width: 767px) {
.skin-blue .main-header .navbar .dropdown-menu li a {color: #3c8dbc;}
}
@media (max-width: 991px) {
    .skin-blue .main-header .navbar .dropdown-menu li a {color: #3c8dbc;}
}

.content-wrapper {
    background: #fff;
}
/* .content-wrapper {
    color: #eee;
    background-image: url('../images/background.jpg');
    background-size: 100%;
}
.content h2 {
    color: #eee;
} */

.box {
    color: #333;
}

.box.box-default>.box-header, .box.box-solid.box-default>.box-header, .popover-title {
    color: #eee;
    background: #222d32;
}
.box.box-solid.box-default>.box-header a, .box.box-solid.box-default>.box-header .btn {
    color: #eee;
}
.popover .close {
    color: #eee;
    opacity: .8;
}

.modal-header {
    padding: 10px;
    background: #222d32;
}
.modal-header .close {
    color: #eee;
    opacity: .8;
}


.main-footer {
    border: none;
    color: white;
    background: #222d32;
}

/* Simple Table */
.simple_table td {text-align: right; vertical-align: middle;}
.simple_table th {vertical-align: top;}
.simple_table .head {font-weight: bold; text-align: center; font-size: 1em; background-color: rgba(60, 141, 188, 0.1);}
.simple_table .head_grey {font-weight: normal; text-align: right; font-size: 1em; background-color: #eeeeee;}
.simple_table .bg_grey {background-color: #eeeeee;}
.simple_table td span.diff,
.simple_table th span.diff {font-size: .7em; text-align: right; float:right; width: 100%;}
/* .simple_table .red {color: red;}
.simple_table .green {color: green;} */
.simple_table .dark_grey {color: #cccccc;}
.simple_table .red {color: red;}
.simple_table .green {color: green;}
.simple_table .yellow {color: #ff9900;}
.simple_table .diff.red {background-color: rgba(255, 0, 0, .5); color: white;}
.simple_table .diff.green {background-color:rgba(0, 128, 0, .5); color: white;}
/* Data Table */
/* table.dataTable.fixedHeader-floating {top: 20px!important;} */
.dataTables_wrapper tbody tr {cursor: pointer;}
.dataTables_wrapper td {text-align: right;}
.dataTables_wrapper tfoot th {text-align: right;}
.dataTables_wrapper th, .dataTables_wrapper td {vertical-align: top;}
.dataTables_wrapper .head {font-weight: bold; text-align: center; font-size: 1em; background-color: rgba(60, 141, 188, 0.1);}
.dataTables_wrapper .head_grey {font-weight: normal; text-align: right; font-size: 1em; background-color: #eeeeee;}
.dataTables_wrapper .bg_grey {background-color: #eeeeee;}
.dataTables_wrapper td span.diff,
.dataTables_wrapper th span.diff {font-size: .7em; text-align: right; float: right; width: 100%;}
.dataTables_wrapper td span.notes {font-size: .7em; text-align: right; float: right; width: 25%;}
.dataTables_wrapper td span.notes .btn {padding: 0; margin: 0; line-height: .5em; color: #3c8dbc; background: transparent;}
.dataTables_wrapper td span.weather {font-size: .9em; text-align: left; float: left; width: 75%;}
/* .dataTables_wrapper .border_grey {border-left: solid 1px #aaaaaa;} */
.dataTables_wrapper .dark_grey {color: #cccccc;}
.dataTables_wrapper .red {color: red;}
.dataTables_wrapper .green {color: green;}
.dataTables_wrapper .diff.red {background-color: rgba(255, 0, 0, .5); color: white;}
.dataTables_wrapper .diff.green {background-color:rgba(0, 128, 0, .5); color: white;}
.dataTables_wrapper .yellow {color: #ff9900;}
.dataTables_wrapper .alert::before {content: "! "; font-weight: bold; font-size: 1.2em;}

/* Popover */
.arrow {display: none!important;}
.popover-title {text-align: center;}
.popover-content {padding: 1px;}
.art_popover tr.hotels {background-color: #f0f0f0;}
.art_popover td {padding: 2px; vertical-align: top;}
.art_popover td {text-align: right;}
.art_popover th span.desc {font-size: .7em;}
.art_popover td span.diff {font-size: .7em; text-align: right; float: right; width: 100%;}
.art_popover .diff.red {background-color: rgba(255, 0, 0, .5); color: white;}
.art_popover .diff.green {background-color:rgba(0, 128, 0, .5); color: white;}


/* color test */
/* dark */
/*
body {
    color: #aaa;
}
h1 {color: #fff;}

.content-wrapper {
    background: #383f48;
}
.box {
    background: #222d32;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background: #222d32;
}
.table-hover>tbody>tr:hover {
    background: #41565f;
}
*/

/* clear */
/*
body {
    color: #aaa;
}
h1 {color: #000;}

.content-wrapper {
    background: #fff;
}
.box {
    background: #fff;
}
.btn-primary, .box.box-solid.box-primary>.box-header {color: #fff; background-color: #000; border-color: #000;}
*/
/* end color test */