/*
	--------------------------
	Global Styles
	--------------------------
*/

/*#region  Colors 
--------------------------  */

.xdrk { color: #1b353b; }
.drk { color: #224a4d; }
.mdrk { color: #38636c; }
.mlgt { color: #00acaf; }
.mdm { color: #8cc3c4; }
.xlmdm { color: #7d9e9f; }
.xdmdm { color: #8eacad; }
.xmdm { color: #95b4b5; }
.xxmdm { color: #a0c0c1; }
.xxxmdm { color: #b1d4d5; }
.lgt { color: #a6afb8; }

.hlt { color: #71aa87; }

/*#endregion */

/*#region  Custom Classes
--------------------------  */

/*#region Loading Animation */
.ldng > div, .ldng > span, .lgan { background-color: #7d9e9f; border-color: #7d9e9f; }
table tbody .ldng > span { background-color: #95b4b5; }
table tfoot .ldng > span { background-color: #a6afb8; }
/*#endregion */

/*#region Sign in */
.signin .m { background-color: #71aa87; color: #224a4d; }
/*#endregion */

/*#endregion */

/*#region  Typography 
--------------------------  */

a { color: #38636c; }
main p a { border-bottom-color: #7d9e9f; }
    main p a:hover { color: #1b353b; border-bottom-color: #1b353b; }
main a:hover { background-color: #a0c0c1; }

input, textarea, select { background-color: #b1d4d5; color: #1b353b; border-bottom-color: #a0c0c1; }
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #7d9e9f; }
    input:-moz-placeholder, textarea:-moz-placeholder { color: #7d9e9f; }
    input::-moz-placeholder, textarea::-moz-placeholder { color: #7d9e9f; }
    input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #7d9e9f; }
button, button.btn, section.signin button, button.save { background-color: #38636c; color: #b1d4d5; }
    button:hover, section.signin button:hover, button.save:hover { background-color: #224a4d; }
    button:before { color: #b1d4d5 !important; }
select:focus, input:focus, textarea:focus { background-color: #e7f6f7; }
input[type="checkbox"] + label:before { background-color: #a0c0c1; color: #a0c0c1; }
input[type="checkbox"]:checked + label:before { color: #1b353b; }

/*#endregion */

/*#region  Body 
--------------------------  */

body { color: #95a7a7; background-color: #38636c; }
    body > main { color: #1b353b; background-color: #fff; }

/*#endregion */

/*#region  Header 
--------------------------  */

    body > header { background-color: #8eacad; color: #1b353b; box-shadow: 0 0 10px -4px #1b353b; }

/*#endregion */

/*#region  Nav
--------------------------  */

body > nav > a > span span { background-color: #95b4b5; }

body > nav { background-color: #38636c; }
    body > nav ul li a, body > nav ul li a:before { color: #95b4b5; }
        body > nav ul li a:hover:before { background-color: #224a4d; }
    body > nav ul li a:hover, body > nav ul li a:hover:before { color: #95b4b5; }
    body.mnuopn > nav ul li a:hover span { background-color: #224a4d; }

/*#endregion */

/*#region  Slates
--------------------------  */

div.slts > div a.cls { background-color: #38636c; color: #b1d4d5; }

/*#endregion */

/*#region  Footer 
--------------------------  */
footer { background-color: #224a4d; color: #00acaf; }

/*#endregion */

/*#region  Dashboard 
--------------------------  */

div.dbrd section { border: solid 2px #7d9e9f; background-color: #d8e7e8; background-repeat: no-repeat; background-position: right 0.5em top 0.5em; }
    div.dbrd section:hover { border-color: #38636c; }

/*#endregion */

/*#region  Lists 
--------------------------  */

section.tbl > header { background-color: #a0c0c1; }
section.tbl table { background-color: #8eacad; border-color: #95b4b5; }
    section.tbl table thead, section.tbl table tfoot { background-color: #8eacad; }
section.tbl table thead td { border-color: #95b4b5; }
    section.tbl table td { border-color: #95b4b5; }
    section.tbl table tr td { cursor: default; }
    section.tbl table tbody { background-color: #fff; }
        section.tbl table tbody tr:nth-child(2n) td { background-color: #fff; }
        section.tbl table tbody tr:nth-child(2n+1) td { background-color: #e7f6f7; }

        section.tbl table tbody:not(.empty) tr:hover td, section.tbl table tbody:not(.empty) tr:nth-child(2n):hover td { background-color: #a0c0c1; }

    section.tbl table thead td ul { background-color: #a0c0c1; }
    section.tbl table td a.gicn { color: #779394; }

section.tbl td.giconasc a[title='Order Ascending'] { color: #224a4d; }
section.tbl td.gicondsc a[title='Order Descending'] { color: #224a4d; }

section.tbl table tr.clk:hover td { background-color: #adc9ca; color: #224a4d; }

section.tbl table tbody.empty tr td { background-color: #fff; }

section.tbl .giconflt:before { color: #224a4d; }
section.tbl .giconval:after { color: #3caa2f; }
section.tbl .giconival:after { color: #C25B56; }
section.tbl .giconedt:before { color: #224a4d; }
section.tbl .giconsve:before { color: #224a4d; }
section.tbl .giconcncl:before { color: #224a4d; }
section.tbl .giconinfo:after { color: #ded300; }

section.tbl .chngd .giconval:after { color: #bfb94f; }

section.tbl table thead td ul li:nth-child(2) { border-top-color: #7d9e9f; }

section.tbl table thead div.fltopt { border-color: #7d9e9f; }

section.tbl td span.hvrotr span.hvr { background-color: #ded300; color: #fff; }

section.tbl table td a.tls.gicondb { display: inline-block; margin-left: 1em; }

section.tbl table td a.loading { color: #ccc; }

/*#endregion */
/*#region  Forms 
--------------------------  */
div.frm section.frm header { background-color: #a0c0c1; }
div.frm section.msg header { background-color: transparent; box-shadow: none; }
div.frm section.msg { background-color: #C25B56; }
section.frm input.invld, section.frm textarea.invld, section.frm select.invld { background-color: #e6d3d3; border-color: #C25B56; }
section.frm span.invld { background-color: #C25B56; color: #d2e2f1; }

/*#endregion */

/*#region  Uploads 
--------------------------  */
div.dbrd > section div.btns > a { background-color: #224a4d; color: #8eacad; }
    div.dbrd > section div.btns > a:hover { background-color: #38636c; }

div.dbrd > section div.btns > a.loading { background-color: #efefef; color: #ccc; }

div.dbrd > section ul li {
    border-bottom-color: #38636c;
}
    div.dbrd > section ul.ltst li:nth-child(2n+1) { background-color: #e2edee; }
    div.dbrd > section ul.rcnt li:nth-child(4n+1) { background-color: #e2edee; }
    div.dbrd > section ul.rcnt li:nth-child(4n+4) { background-color: #e2edee; }

.ptnrs ul li:nth-child(2n), .prv ul li:nth-child(2n+1) { border-right-color: #38636c; }

/*#endregion */