@charset "UTF-8";
html { height: 100%; }

body { font-family: "Roboto", sans-serif; background: #005441; margin: 0; padding: 0; }
body a { text-decoration: none; }
body .btn, body input#submit { background: #8B7C5F; padding: 10px 15px; color: white; border-radius: 2px; transition: all 0.2s ease; cursor: pointer; text-align: center; text-decoration: none !important; -webkit-transform: translateZ(0px); font-size: 14px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.2); text-transform: capitalize; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
body .btn.btn-sub, body input#submit.btn-sub { display: inline-block; float: right; margin-right: 15px; }
body .btn.orange, body input#submit.orange { background: #665940; }
body .btn.green, body input#submit.green { background: #103830; }
body .btn.grey, body input#submit.grey { background: #C7C7C7; color: black; }
body .btn.disabled, body input#submit.disabled { background: #7A7A7A !important; color: rgba(255, 255, 255, 0.4); }
body .btn:hover, body input#submit:hover { opacity: 0.8; }
body .btn:hover.disabled, body input#submit:hover.disabled { opacity: 1; }
body .noselect, body .noselect-all * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
body .inner { max-width: 1500px; padding: 20px; box-sizing: border-box; margin: auto; }
body .drawer { position: fixed; width: 500px; background: #F4F5F9; right: -520px; bottom: 0; z-index: 9; transition: all 0.4s ease; box-sizing: border-box; font-size: 14px; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
body .drawer.key form { opacity: 0.3; transform: scale(0.9); }
body .drawer form { margin-top: 25px; transition: all 0.3s ease; }
body .drawer form h { float: left; text-transform: uppercase; font-weight: bold; color: #8B7C5F; margin-bottom: 10px; }
body .drawer form .keywords { clear: both; margin-bottom: 20px; }
body .drawer form .keywords .keyword { display: inline-block; background: #8B7C5F; color: white; padding: 6px; font-size: 12px; border-radius: 2px; border: 1px solid #8B7C5F; transition: all 0.3s ease; cursor: pointer; padding-right: 30px; position: relative; margin: 0px 2px 5px; }
body .drawer form .keywords .keyword:after { content: "\f00d"; position: absolute; right: 8px; font-family: "FontAwesome"; top: 8px; font-size: 10px; }
body .drawer form .keywords .keyword.deleted { display: none; }
body .drawer form .keywords .other-keywords ul { margin: 0; clear: both; list-style-type: none; padding: 10px 0px; background: white; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.15); min-height: 100px; max-height: 300px; overflow-y: scroll; }
body .drawer form .keywords .other-keywords ul li { padding: 4px 10px; cursor: pointer; transition: height 0.25s ease, opacity 0.1s ease, padding 0.25s ease; position: relative; text-transform: capitalize; }
body .drawer form .keywords .other-keywords ul li:hover { color: white; background: #8B7C5F; }
body .drawer form .keywords .other-keywords ul li.hidden { opacity: 0; padding: 0px 10px; opacity: 0; height: 0; }
body .drawer form .input-search-options { background: 10px 0; }
body .drawer form .input-search-options ul { margin: 0; clear: both; list-style-type: none; padding: 10px 0px; background: white; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.15); min-height: 100px; max-height: 300px; overflow-y: scroll; }
body .drawer form .input-search-options ul li { padding: 4px 10px; cursor: pointer; transition: height 0.25s ease, opacity 0.1s ease, padding 0.25s ease; position: relative; text-transform: capitalize; }
body .drawer form .input-search-options ul li:hover { color: white; background: #8B7C5F; }
body .drawer form .input-search-options ul li.hidden { opacity: 0; padding: 0px 10px; opacity: 0; height: 0; }
body .drawer form .attachments { margin-bottom: 20px; float: left; }
body .drawer form .attachments .attachment { width: 100%; padding: 5px 0; margin-left: 20px; }
body .drawer form .attachments .attachment a { color: #8B7C5F; }
body .drawer form .attachments .attachment a:hover { text-decoration: underline; }
body .drawer form .attachments .attachment span { cursor: pointer; color: rgba(0, 0, 0, 0.4); }
body .drawer form .attachments .attachment span:hover { text-decoration: underline; }
body .drawer i.fa { position: absolute; left: 0px; top: 0px; color: rgba(0, 0, 0, 0.3); padding: 10px; cursor: pointer; transition: all 0.15s ease; }
body .drawer i.fa:hover { color: #8B7C5F; }
body .drawer label { float: left; clear: both; width: 100%; }
body .drawer label[for="exclusive"] { font-size: 12px; float: none; }
body .drawer input { padding: 8px; }
body .drawer input[disabled] { color: rgba(0, 0, 0, 0.4); background: #F4F5F9; }
body .drawer input[type="checkbox"] { width: auto; float: left; margin-right: 5px; }
body .drawer textarea { height: 100px; width: 460px; box-sizing: border-box; margin-bottom: 10px; }
body .drawer .textarea { margin-bottom: 25px; }
body .drawer .delete, body .drawer .clear { background: #665940; margin-bottom: 5px; clear: both; }
body .drawer .edit-keywords { margin-bottom: 5px; }
body .drawer select { margin-bottom: 15px; text-transform: capitalize; }
body .drawer.open { right: 0; }
body input { font-family: "Roboto", sans-serif; padding: 12px; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px; width: 100%; font-size: 12px; box-sizing: border-box; margin-bottom: 15px; transition: border 0.2s ease; }
body input.half { width: 228px; }
body input.sub { width: 295px; }
body input:focus { outline: none; border-color: #8B7C5F; border-left-width: 8px; }
body label { color: #005441; font-size: 14px; }
body .message { position: fixed; bottom: 10px; left: 20px; width: 200px; color: white; padding: 20px; border-radius: 2px; opacity: 0; transition: all 0.4s ease; cursor: pointer; z-index: 10; }
body .message.error { background: rgba(255, 0, 0, 0.6); }
body .message.success { background: rgba(16, 56, 48, 0.6); }
body .message.notification { background: rgba(50, 174, 227, 0.6); }
body .message.open { bottom: 20px; opacity: 1; }
body .header { background: #F4F5F9; position: fixed; top: 0; left: 0; width: 100%; z-index: 10; }
body .header .inner { height: 60px; }
body .header .logo { float: left; color: #8B7C5F; font-weight: bold; text-transform: uppercase; }
body .header .menu { float: right; position: relative; }
body .header .menu span { cursor: pointer; text-transform: uppercase; position: relative; }
body .header .menu span:hover:before { width: 60%; }
body .header .menu span:before { width: 0; margin: auto; position: absolute; bottom: -5px; background: #8B7C5F; height: 2px; content: ""; left: 0; right: 0; transition: all 0.2s ease; }
body .header .menu span:after { margin-left: 10px; font-family: "FontAwesome"; content: "\f107"; color: rgba(0, 84, 65, 0.4); transition: all 0.2s ease; display: inline-block; }
body .header .menu ul { margin: 0; color: #005441; position: relative; }
body .header .menu.open span:before { width: 100%; }
body .header .menu.open span:after { transform: rotate(180deg); transform-origin: center; }
body .header .menu.open ol { visibility: visible; opacity: 1; top: 30px; }
body .header .menu ol { list-style-type: none !important; padding-left: 0; opacity: 0; transition: all 0.3s ease; position: absolute; right: -15px; top: 20px; background: #F4F5F9; padding: 10px 0px; border-radius: 2px; min-width: 220px; visibility: hidden; box-sizing: border-box; }
body .header .menu ol li { width: 100%; text-align: left; color: rgba(0, 84, 65, 0.6); text-transform: uppercase; font-size: 14px; padding: 7px 10px; cursor: pointer; box-sizing: border-box; }
body .header .menu ol li:after { font-family: "FontAwesome"; position: absolute; right: 10px; }
body .header .menu ol li.d:before { content: "\f006"; font-family: "FontAwesome"; position: absolute; right: 30px; }
body .header .menu ol li.users:after { content: "\f0c0"; }
body .header .menu ol li.keywords:after { content: "\f0c1"; }
body .header .menu ol li.home:after { content: "\f015"; }
body .header .menu ol li.contacts:after { content: "\f233"; }
body .header .menu ol li.rulings:after { content: ""; }
body .header .menu ol li.logout:after { content: "\f08b"; }
body .header .menu ol li:hover { color: #F4F5F9; background: #8B7C5F; }
body .wrapper { margin-top: 40px; border-radius: 3px; text-align: center; }
body .wrapper h1 { color: white; font-weight: 900; text-transform: uppercase; }
body .wrapper .actions { padding: 10px; float: right; box-sizing: border-box; margin-top: -71px; width: 450px; }
body .wrapper .actions ul { margin: 0; position: relative; }
body .wrapper .actions ul ol { list-style-type: none; position: absolute; z-index: 10; top: 45px; left: 90px; transition: all 0.3s ease; background: #F4F5F9; padding: 10px 0px; border-radius: 2px; min-width: 220px; visibility: hidden; opacity: 0; }
body .wrapper .actions ul ol.open { visibility: visible; top: 50px; opacity: 1; }
body .wrapper .actions ul ol li { width: 100%; text-align: left; color: rgba(0, 84, 65, 0.6); text-transform: uppercase; font-size: 14px; padding: 7px 10px; cursor: pointer; box-sizing: border-box; }
body .wrapper .actions ul ol li:hover { background: #103830; color: #F4F5F9; }
body .wrapper .actions ul ol li:after { font-family: "FontAwesome"; position: absolute; right: 10px; }
body .wrapper .actions ul ol li[btn="delete"]:after { content: "\f014"; }
body .wrapper .actions ul ol li[btn="disable"]:after { content: "\f05e"; }
body .deleteconfirm { visibility: hidden; transition: all 0.3s ease; opacity: 0; transform: scale(0.9); width: 350px; height: 75px; position: absolute; background: #F4F5F9; border-radius: 2px; padding: 20px; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: 10; text-align: center; }
body .deleteconfirm span { display: block; clear: both; margin-bottom: 15px; }
body .deleteconfirm .btn { padding-left: 20px; padding-right: 20px; }
body .deleteconfirm.open { transform: scale(1); opacity: 1; visibility: visible; }
body #pagination { margin-top: 10px; float: right; }
body #pagination a { color: #8B7C5F; padding: 6px; font-size: 16px; float: left; }
body #pagination a.active { color: rgba(255, 255, 255, 0.3); }
body #pagination a.active:hover { text-decoration: none; }
body .topbar { clear: both; overflow: hidden; padding: 10px 15px; background: #454545; position: relative; }
body .topbar.image { background-size: cover !important; background-position: center !important; }
body .topbar.image .difuse { position: absolute; background: #005441; opacity: 0.6; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
body .topbar a { color: #F4F5F9; text-transform: uppercase; position: relative; z-index: 2; }
body .topbar a div { padding: 4px; position: relative; z-index: 2; }
body .topbar .head { clear: both; color: #F4F5F9; font-size: 25px; padding: 50px 0; text-transform: uppercase; font-weight: 900; position: relative; z-index: 2; }
body .topbar .head.greeting { text-transform: none; font-weight: 400; }
body .topbar #left-button { float: left; }
body .topbar #right-button { float: right; }

body { background: #F4F5F9; }
body .wrapper { margin-top: 15px; }
body .wrapper #logo { width: 310px; height: 130px; margin: auto; position: relative; clear: both; background: url("../../../helpers/images/csoa.png"); background-size: contain; background-repeat: no-repeat; cursor: pointer; margin-bottom: 10px; }
body .wrapper h1 { color: #005441; display: inline-block; position: relative; margin-top: 0; }
body .wrapper h1:after { content: ""; bottom: 0; position: absolute; height: 4px; width: 60%; margin: auto; left: 0; right: 0; }
body .wrapper a { float: right; color: #005441; }
body .wrapper a.back { z-index: 10; position: relative; color: #005441; }
body .wrapper a:hover { text-decoration: underline; }
body .wrapper form { max-width: 700px; position: relative; margin: auto; }
body .wrapper form .clear { display: none; }
body .wrapper form input[type="submit"] { position: absolute; right: 0; top: 0; -webkit-appearance: none; width: 45px; padding: 15px; background: #005441; border-radius: 0px 2px 2px 0px; cursor: pointer; transition: all 0.15s ease; color: #F4F5F9; box-shadow: inset 0px 0px 1px 0px rgba(0, 0, 0, 0.4); -webkit-transform: translateZ(0px); }
body .wrapper form input[type="submit"]:hover { opacity: 0.7; }
body .wrapper form.filter .clear { display: block; color: #005441; position: absolute; right: 45px; top: 5px; padding: 10px; cursor: pointer; }
body .wrapper #filter-desc { margin-bottom: 20px; color: #005441; font-size: 18px; font-weight: 400; }
body .wrapper #filter-desc g { color: #103830; }
body .wrapper #filter-desc r { color: red; }
body .wrapper #filter-desc y { color: orange; }
body .wrapper input[name="search"] { max-width: 700px; font-size: 17px; font-weight: 100; margin-bottom: 30px; background: #F4F5F9; color: #005441; }
body .wrapper input[name="search"]:focus { border-width: 1px; }
body .wrapper #report { background: #F4F5F9; border-radius: 3px; padding: 20px; border: 1px dashed rgba(0, 84, 65, 0.35); }
body .wrapper #report .report { position: relative; }
body .wrapper #report .report a { float: none; color: #8B7C5F; }
body .wrapper #report .report div { text-align: left; }
body .wrapper #report .report div.right { font-family: serif; font-weight: 900; position: absolute; right: 10px; color: rgba(0, 0, 0, 0.4); font-size: 35px; font-style: italic; }
body .wrapper #report .report div strong { color: #8B7C5F; }
body .wrapper table { text-transform: uppercase; font-weight: 300; font-size: 13px; width: 100%; border-spacing: 0px; border: 1px solid #005441; box-sizing: border-box; border-radius: 2px; transition: all 0.3s ease; -webkit-transform: translateZ(0px); }
body .wrapper table thead { background: #005441; color: #F4F5F9; }
body .wrapper table thead tr { cursor: auto !important; }
body .wrapper table thead th { padding: 10px; font-weight: 400; font-size: 14px; }
body .wrapper table tr { background: transparent; border-botom: 1px solid #005441; }
body .wrapper table tr td { text-transform: capitalize; font-weight: normal; font-size: 13px; color: #005441; padding: 15px; box-sizing: border-box; text-align: center; }
body .wrapper table tr td a { text-decoration: underline; text-align: center; float: none; }
body .wrapper table tr td a:hover { color: #8B7C5F; }
body .wrapper table tr td i { float: right; margin-left: 15px; }
body .wrapper table tr td.lowercase { text-transform: lowercase; }
body .wrapper table tr td .btn { min-width: 80px; background: #103830; }
body .wrapper table tr:last-child { border-width: 0px; }
body .wrapper table tr.child { width: 100%; }
body .wrapper table tr.child:nth-child(odd) { background: rgba(0, 84, 65, 0.05); }
body .wrapper table tr.child.selected { background: #8B7C5F; }
body .wrapper #pagination { margin-top: 10px; float: right; }
body .wrapper #pagination a { color: #8B7C5F; padding: 6px; font-size: 16px; float: left; }
body .wrapper #pagination a.active { color: rgba(255, 255, 255, 0.3); }
body .wrapper #pagination a.active:hover { text-decoration: none; }
body .wrapper #footer { color: #F4F5F9; font-size: 13px; text-align: center; position: relative; float: none; clear: both; }
body .wrapper #footer #smallLogo { width: 200px; height: 150px; margin: auto; position: relative; clear: both; background: url("../../../helpers/images/mtha_logo.png"); background-size: contain; background-repeat: no-repeat; cursor: pointer; margin-bottom: 10px; }
body .wrapper #footer a { float: none; color: #8B7C5F; }
body .wrapper .norecords { margin-top: 30px; font-size: 20px; font-weight: 100; color: #665940; }

/*# sourceMappingURL=styles.css.map */