/*
    DJANGO Admin styles
*/
@import url(fonts-ll.css);

body {
    margin: 0;
    padding: 0;
    font-size: 0.8rem;
    font-family: "RobotoReg";
    color: #474747;
    /*background-image: linear-gradient(#37b5f3, #1c64c7);*/
    font-weight: 100;
    background: #000;
}

/* LINKS */

a{
    text-decoration: none;
}

a:link, a:visited {
    color: #321458;
}

a:focus, a:hover {
    color: #474747;
    text-decoration: none;
}

a:focus {
    text-decoration: none;
}

a img{
    border: none;
    text-decoration: none;
}

a.section:link, a.section:visited {
    color: #fff;
    text-decoration: none;
}

a.section:focus, a.section:hover {
    text-decoration: underline;
}

/* GLOBAL DEFAULTS */
.light-grey-bg{
    background-color: #cff0ff;
    padding: 0.1rem;
    border-radius: 0.3rem;

}
.light-blue-bg{
    background-color: #00CFFF;
    padding: 0.1rem;
    border-radius: 0.3rem;
}
.white-bg{
    background-color: #fff;
    padding: 0.1rem;
    border-radius: 0.3rem;

}
p, ol, ul, dl {
    margin: .2rem 0 .8rem 0;
}

p {
    padding: 0;
    line-height: 140%;
}
.trademrk{
    font-family: "MontserratSemi";
    text-align: right;
}

/*h1,h2,h3,h4,h5,h6 {
    font-weight: bold;
}*/

h1 {
    margin: 0 0 20px;
    font-family: "MontserratSemi";
    font-size: 1.7rem;
}

h2 {
    font-size: 1.45rem;
    margin: 1rem 0 .5rem 0;
    color: #114dc4;
    font-family: "MontserratSemi";
}

h2.subhead {
    font-weight: normal;
    margin-top: 0;
    font-family: "MontserratSemi";
}

h3 {
    font-size: 1.125rem;
    margin: .8em 0 .3em 0;
    color: #114dc4;
    font-family: "MontserratSemi";
}

h4 {
    font-size: 1.35rem;
    margin: 1em 0 .8em 0;
    padding-bottom: 3px;
    font-family: "MontserratSemi";
}

h5 {
    font-size: 1.1rem;
    /*margin: 1.5em 0 .5em 0;*/
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
    font-family: "MontserratSemi";
}
h6{
    /*margin: 1.5em 0 .5em 0;*/
    padding: 5px;
    font-family: "MontserratSemi";
    font-size: 1.1rem;
}

h6.fieldset-head {
    color: #fff;
    background-color: #0bb0fc;
    text-transform: uppercase;
    font-size: 1.05rem;
    font-family: "MontserratSemi";
}

ul li {
    list-style-type: none;
    padding: 1px 0;
}

li ul {
    margin-bottom: 0;
}

li, dt, dd {
    font-size: 13px;
    line-height: 20px;
}

dt {
    font-weight: bold;
    margin-top: 4px;
}

dd {
    margin-left: 0;
}

form {
    margin: 0;
    padding: 0;
}

fieldset {
    margin: 0;
    padding: 0;
    border: none;
    border-top: 1px solid #eee;
}

blockquote {
    font-size: 11px;
    color: #777;
    margin-left: 2px;
    padding-left: 10px;
    border-left: 5px solid #ddd;
}

code, pre {
    /*font-family: "Bitstream Vera Sans Mono", Monaco, "Courier New", Courier, monospace;*/
    color: #666;
    /*font-size: 12px;*/
}

pre.literal-block {
    margin: 10px;
    background: #eee;
    padding: 6px 8px;
}

code strong {
    color: #930;
}

hr {
    clear: both;
    color: #eee;
    background-color: #eee;
    height: 1px;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 1px;
    line-height: 1px;
}

/* TEXT STYLES & MODIFIERS */

.small {
    font-size: 11px;
}

.tiny {
    font-size: 10px;
}

p.tiny {
    margin-top: -2px;
}

.mini {
    font-size: 10px;
}

p.mini {
    margin-top: -3px;
}

.help, p.help, form p.help, div.help, form div.help, div.help li {
    font-size: 11px;
    color: #999;
    font-style: italic;

}

div.help ul {
     margin-bottom: 0;
}

.help-tooltip {
    cursor: help;
}

p img, h1 img, h2 img, h3 img, h4 img, td img {
    vertical-align: middle;
}

.quiet, a.quiet:link, a.quiet:visited {
    color: #999;
    font-weight: normal;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.clear {
    clear: both;
}

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

.align-right {
    text-align: right;
}

.example {
    margin: 10px 0;
    padding: 5px 10px;
    background: #efefef;
}

.nowrap {
    white-space: nowrap;
}

/* TABLES */

table {
    border-collapse: collapse;
    border-color: none;
    width: 100%;
}

td, th {
    /*font-size: 0.9rem;*/
    line-height: 16px;
    /*border-bottom: 1px solid #eee;*/
    vertical-align: top;
    padding: 8px;
    /*font-family: "Roboto";*/
}

th {
    text-align: left;
    width: 20%;
    font-family: "MontserratSemi";
}

thead th,
tfoot td {
    color: #fff;
    padding: 5px 10px;
    /*font-size: 0.85rem;*/
    background: #fefefe;
    border: none;
    /*border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;*/
}

tfoot td {
    border-bottom: none;
    border-top: 1px solid #eee;
}

thead th.required {
    color: #000;
}

tr.alt {
    background: #f6f6f6;
}

.even {
    background: #fff;
}

.odd {
    background: #f9f9f9;
}

.deleted {
    color: #bfbdbd;
}

.headings, .headings-main, .headings-info, .headings-sub{
        color: #386b4b;
        background-color: #00cfff;
        text-transform: uppercase;
        /*font-weight: bold;*/
    }
.headings-centre, .headings-main-centre, .headings-info-centre, .headings-sub-centre{
    color: #386b4b;
    background-color: #00cfff;
    text-transform: uppercase;
    text-align: center;
   /* font-weight: bold;*/
}
.headings-main, .headings-main-centre{
    color: #fff;
    background-color: #00cfff;
}
.headings-info, .headings-info-centre{
    color: #fff;
    background-color: #7b7979;
}
.headings-sub, .headings-sub-centre{
    color: #fff;
    background-color: #4f4c4c;
}


table.bordered{
    border: solid 0.75pt #b1c3cc;
}
td.bordered{
    border-bottom: solid 0.75pt #b1c3cc;
    border-top: solid 0.75pt #b1c3cc;
    border-left: solid 0.75pt #b1c3cc;
    border-right: solid 0.75pt #b1c3cc;
}

td.bot-border{
    border-bottom: solid 0.75pt #b1c3cc;
}
td.left-border{
    border-left: solid 0.75pt #b1c3cc;
}
td.right-border{
    border-right: solid 0.75pt #b1c3cc;
}

table.no-lines, td.no-lines , th.no-lines  {
    border: none;
}

/* SORTABLE TABLES */

thead th {
    padding: 5px 10px;
    line-height: normal;
    text-transform: uppercase;
    background: #00cfff;
}

thead th a:link, thead th a:visited {
    color: #fff;     
}

thead th.sorted {
    background: #eee;
}

thead th.sorted .text {
    padding-right: 42px;
}

table thead th .text span {
    padding: 8px 10px;
    display: block;
}

table thead th .text a {
    display: block;
    cursor: pointer;
    padding: 8px 10px;
}

table thead th .text a:focus, table thead th .text a:hover {
    background: #eee;
}

thead th.sorted a.sortremove {
    visibility: hidden;
}

table thead th.sorted:hover a.sortremove {
    visibility: visible;
}

table thead th.sorted .sortoptions {
    display: block;
    padding: 9px 5px 0 5px;
    float: right;
    text-align: right;
}

table thead th.sorted .sortpriority {
    /*font-size: .8rem;*/
    min-width: 12px;
    text-align: center;
    vertical-align: 3px;
    margin-left: 2px;
    margin-right: 2px;
}

table thead th.sorted .sortoptions a {
    position: relative;
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(../../images/sorting-icons.svg) 0 0 no-repeat;
    background-size: 14px auto;
}

table thead th.sorted .sortoptions a.sortremove {
    background-position: 0 0;
}

table thead th.sorted .sortoptions a.sortremove:after {
    content: '\\';
    position: absolute;
    top: -6px;
    left: 3px;
    /*font-weight: 200;*/
    /*font-size: 18px;*/
    color: #999;
}

table thead th.sorted .sortoptions a.sortremove:focus:after,
table thead th.sorted .sortoptions a.sortremove:hover:after {
    color: #d7faea;
}

table thead th.sorted .sortoptions a.sortremove:focus,
table thead th.sorted .sortoptions a.sortremove:hover {
    background-position: 0 -14px;
}

table thead th.sorted .sortoptions a.ascending {
    background-position: 0 -28px;
}

table thead th.sorted .sortoptions a.ascending:focus,
table thead th.sorted .sortoptions a.ascending:hover {
    background-position: 0 -42px;
}

table thead th.sorted .sortoptions a.descending {
    top: 1px;
    background-position: 0 -56px;
}

table thead th.sorted .sortoptions a.descending:focus,
table thead th.sorted .sortoptions a.descending:hover {
    background-position: 0 -70px;
}

/* FORM DEFAULTS */

input, textarea, select, .form-row p, form .button {
    margin: 2px ;
    padding: 2px 3px;
    vertical-align: middle;
    color: #707f95;
    /*font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif;*/
    font-weight: normal;
    /*font-size: 12px;*/
}
.form-row div.help {
    padding: 2px 3px;
}

textarea {
    vertical-align: top;
}

input[type=text], input[type=password], input[type=email], input[type=url],
input[type=number], input[type=tel], textarea, select, .vTextField {
    border: 1px solid #aec1de;
    border-radius: 4px;
    padding: 5px 6px;
    margin-top: 0;
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus,
input[type=url]:focus, input[type=number]:focus, input[type=tel]:focus,
textarea:focus, select:focus, .vTextField:focus {
    border-color: #aec1de;
}

select {
    height: 30px;
}

select[multiple] {
    min-height: 150px;
}

/* FORM BUTTONS #79aec8*/

.button, input[type=submit], input[type=button], .submit-row input, a.button {
    background: #00cfff;
    padding: 4px;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    margin: 0 2px;
    vertical-align: middle;
    /*font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif;*/
    font-weight: 200;
    /*font-size: 12px;
    text-transform: uppercase;*/
}

a.button:hover{
    text-decoration: none;
    color: #fff;
}


.button:active, input[type=submit]:active, input[type=button]:active,
.button:focus, input[type=submit]:focus, input[type=button]:focus,
.button:hover, input[type=submit]:hover, input[type=button]:hover {
    background: #aeaeae;
}

.button[disabled], input[type=submit][disabled], input[type=button][disabled] {
    opacity: 0.4;
}

.button.default, input[type=submit].default, .submit-row input.default {
    float: right;
    border: none;
    font-weight: 200;
    background: #00cfff;
}

.button.default:active, input[type=submit].default:active,
.button.default:focus, input[type=submit].default:focus,
.button.default:hover, input[type=submit].default:hover {
    background: #aeaeae;
}

.button[disabled].default,
input[type=submit][disabled].default,
input[type=button][disabled].default {
    opacity: 0.4;
}


/* MODULES */
#div-block{
    display: block;
    margin-bottom: 0.2em;
}
.site-module{
    background: rgb(199, 227, 240,0.5);    
}


.module {
    border: none;
    margin-bottom: 30px;
}

.module p, .module ul, .module h3, .module h4, .module dl, .module pre {
    padding-left: 10px;
    padding-right: 10px;
}

.module blockquote {
    margin-left: 12px;
}

.module ul, .module ol {
    margin-left: 1.5em;
}

.module h3 {
    margin-top: .6em;
}

.module h2, .module caption, .inline-group h2, .site-module h2 {
    margin: 0;
    padding: 8px;
    font-weight: 400;
    /*font-size: 13px;*/
    text-align: left;
    background: #666;
    color: #fff;
}

.module caption, .inline-group h2 {
    /*font-size: 12px;*/
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.module table {
    border-collapse: collapse;
}

#link_row{
    margin: -10px 0 5px;
    /*font-family: "Roboto", "Lucida Grande", Verdana, Arial, sans-serif;*/
    font-weight: 200;
    /*font-size: 12px;*/
    padding: 10px 2px 0 0;
    overflow: hidden;
    border-bottom: 1px solid #d2d6d4;
}

#link_row a{
    background-color: #bfe3d2;
    border-top: solid 1px #d2d6d4;
    border-left: solid 1px #d2d6d4;
    border-right: solid 1px #d2d6d4;
    border-radius: 3px;
    color: #386b4b;
    text-decoration: none;
    cursor: pointer;
    padding: 3px 5px 4px;
    margin: 3px 0;
}
#link_row a:hover{
    text-decoration: none;
    color: #fff;
    background-color: #1e6336;
    /*font-size: 14px;*/
}

#link_row a.active{
    background-color: #1e6336;
    color: #fff;
    /*font-size: 14px;*/
}

/* MESSAGES & ERRORS */

ul.messagelist {
    padding: 0;
    margin: 0;
}

ul.messagelist li {
    display: block;
    font-weight: 400;
    font-size: 13px;
    padding: 10px 10px 10px 65px;
    margin: 0 0 10px 0;
    background: #dfd url(../../images/icon-yes.svg) 40px 12px no-repeat;
    background-size: 16px auto;
    color: #333;
}

ul.messagelist li.warning {
    background: #ffc url(../../images/icon-alert.svg) 40px 14px no-repeat;
    background-size: 14px auto;
}

ul.messagelist li.error {
    background: #ffefef url(../../images/icon-no.svg) 40px 12px no-repeat;
    background-size: 16px auto;
}

.errornote {
    font-size: 14px;
    font-family: 'MontserratSemi';
    display: block;
    padding: 10px 12px;
    margin: 0 0 10px 0;
    color: #ba2121;
    border: 1px solid #ba2121;
    border-radius: 4px;
    background-color: #fff;
    background-position: 5px 12px;
}

ul.errorlist {
    margin: 0 0 4px;
    padding: 0;
    color: #ba2121;
    /*background: #fff;*/
}

ul.errorlist li {
    font-size: 14px;
    font-family: 'MontserratSemi';
    display: block;
    margin-bottom: 4px;
}

ul.errorlist li:first-child {
    margin-top: 0;
}

ul.errorlist li a {
    color: inherit;
    text-decoration: underline;
}

td ul.errorlist {
    margin: 0;
    padding: 0;
}

td ul.errorlist li {
    margin: 0;
}

.form-row.errors {
    margin: 0;
    border: none;
    border-bottom: 1px solid #eee;
    background: none;
}

.form-row.errors ul.errorlist li {
    padding-left: 0;
}

.errors input, .errors select, .errors textarea {
    border: 1px solid #ba2121;
}

div.system-message {
    background: #ffc;
    margin: 10px;
    padding: 6px 8px;
    font-size: .8rem;
}

div.system-message p.system-message-title {
    padding: 4px 5px 4px 25px;
    margin: 0;
    color: #c11;
    background: #ffefef url(../../images/icon-no.svg) 5px 5px no-repeat;
}

.description {
    /*font-size: 12px;*/
    padding: 5px 0 0 12px;
    color: #666;
}
.nb-notice-red {
    font-size: 14px;
    font-family: 'MontserratSemi';
    color: #ba2121;
}

/* BREADCRUMBS */

div.breadcrumbs {
    background: #00cfff;
    padding: 5px 40px;
    border: none;
    font-size: 14px;
    color: #fff;
    text-align: right;
}

div.breadcrumbs a {
    color: #fff;
}

div.breadcrumbs a:focus, div.breadcrumbs a:hover {
    color: #474747;
}

/* NAVBAR */
.navbar li{
    list-style-type: none;
}

.nav-link{    
    border-right: 1px solid #a0a0a0;
    float: left;
}
.navbar .nav-item li:last-child{
    border-right: none;
}

.nav-item .submenu{
    display: none;
    position: absolute;
    left: 98%;
    top: 50%;
}

.topnav{
    background-color: #474747;
    color: #a0a0a0;
    z-index: 1000;
}

.navbar li a{
    color: #fff;
}
.navbar li a:hover, .navbar li a:focus{
    color: #fff;
}

.navbar-nav ul{background-color: #a0a0a0;}
.nav-item a:hover{color: #a0a0a0;}
.dropdown-menu > li > a:hover, .dropdown-menu > li:hover, .dropdown-menu > li:active {background-color: #00cfff;}

@media (min-width: 992px){
    .dropdown-menu .dropdown-toggle:after{
        border-top: .3em solid transparent;
        border-right: 0;
        border-bottom: .3em solid transparent;
        border-left: .3em solid;
    }
    .dropdown-menu .dropdown-menu{
        margin-left:0; margin-right: 0;
    }
    .dropdown-menu li{
        position: relative;
    }
    .nav-item .submenu{ 
        display: none;
        position: absolute;
        left:98%; top:-7px;
    }
    .nav-item .submenu-left{ 
        right:100%; left:auto;
    }
    .dropdown-menu > li{list-style-type: none;}
    .dropdown-menu > li:hover > .submenu{
        display: block;
    }
}

div.top-navbar {
    background: #474747;
    padding: 10px 40px;
    border: none;
    font-size: 14px;
    color: #747474;
    text-align: left;
}

div.top-navbar ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

div.top-navbar li{
    float: left;
    border-right: 1px solid #a0a0a0;
    list-style-type: none;
}

div.top-navbar li:last-child{
    border-right: none;
}

div.top-navbar a{
    text-align: center;
    text-decoration: none;
    display: block;
    padding: 8px 10px;
}
div.top-navbar a.active{
    color: #fff;    
}

div.top-navbar a:focus, div.top-navbar a:hover, .drpdwn:hover .dropbtn {
    color: #a0a0a0;
    background-color: #60b58d;
}

div.top-navbar a.disabled{
    color: #878686;
}

@media screen and (max-width: 600px) {
  div.top-navbar ul li {float: none;}
}

div.top-navbar li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  text-decoration: none;
}

div.top-navbar li.drpdwn {
  display: inline-block;
}

div.top-navbar .drpdwn-content {
  display: none;
  position: absolute;
  background-color: #a0a0a0;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 2;
  border-radius: 5px;
}

div.top-navbar .drpdwn-content a {
  color: #fff;
  padding: 8px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
  border-radius: 5px;
}

div.top-navbar .drpdwn-content a:hover {background-color: #60b58d; color: #fff;}

div.top-navbar .drpdwn:hover .drpdwn-content {
  display: block;
}

/*   boolean render */
.true {
    background: url(../../images/icon-yes.svg) top center no-repeat;
    color: transparent;
}

.false {
    background: url(../../images/icon-no.svg) top center no-repeat;
    color: transparent;
}

/* TOOLTIP */
/* Tooltip container */
.tool-tip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tool-tip .tool-tiptext {
  visibility: hidden;
  width: 120px;
  background-color: #474747;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  width: 120px;
  bottom: 100%;
  left: 50%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tool-tip:hover .tool-tiptext {
  visibility: visible;
  color: #fff;
}

.tool-tip .tool-tiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #323d38 transparent transparent transparent;
}

/* ACTION ICONS */
.actionlink a {
    border: none;
    padding: 2px ;
    display: inline-block;
    margin: 2px 4px;
    cursor: pointer;
}
.actionlink a img{
    height: 1.5em;
}

.viewlink, .inlineviewlink {
    padding-left: 16px;
    background: url(../../images/icon-viewlink.svg) 0 1px no-repeat;
}

.addlink {
    padding-left: 16px;
    background: url(../../images/icon-addlink.svg) 0 1px no-repeat;
}

.changelink, .inlinechangelink {
    padding-left: 16px;
    background: url(../../images/icon-changelink.svg) 0 1px no-repeat;
}

.deletelink {
    padding-left: 16px;
    background: url(../../images/icon-deletelink.svg) 0 1px no-repeat;
}


a.deletelink:link, a.deletelink:visited {
    color: #CC3434;
}

a.deletelink:focus, a.deletelink:hover {
    color: #993333;
    text-decoration: none;
}
#change-tools{
    font-size: 10px;
    font-weight: bold;
    padding-left: 0;
    float: right;
    position: relative;
    width: 100%;
}
.change-tools{
    font-size: 10px;
    font-weight: bold;
    padding-left: 0;
    float: right;
}

.change-tools a {
    border-radius: 15px;
}

, .change-tools a:link, .change-tools a:visited {
    display: block;
    padding: 3px 12px;
    background: #999;
    font-weight: 400;
    /*font-size: 11px;*/
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
}
/*417690*/
.change-tools a:focus, .change-tools a:hover {
    background-color: #666;
    text-decoration: none;
    /*font-size: 11px;*/
}

.change-tools a:focus{
    text-decoration: none;    
    /*font-size: 11px;*/

}

.change-tools a.viewsitelink, .change-tools a.addlink {
    background-repeat: no-repeat;
    background-position: right 7px center;
    padding-right: 26px;    
    /*font-size: 11px;*/
}

.change-tools a.viewsitelink {
    background-image: url(../images/tooltag-arrowright.svg);
}

.change-tools a.addlink {
    background-image: url(../images/tooltag-add.svg);
}

/* OBJECT TOOLS */
.object-tools {
    font-size: 10px;
    font-weight: bold;
    padding-left: 0;
    float: right;
    position: relative;
    margin-top: -40px;
}

.form-row .object-tools {
    margin-top: 5px;
    margin-bottom: 5px;
    float: none;
    height: 2em;
    padding-left: 3.5em;
}

.object-tools li {
    display: block;
    float: left;
    margin-left: 5px;
    height: 16px;
}

.object-tools a {
    border-radius: 15px;
    border: solid 2px #fff;
}

.object-tools a:link, .object-tools a:visited, .change-tools a:link, .change-tools a:visited {
    display: block;
    float: left;
    padding: 3px 12px;
    background: #999;
    font-weight: 400;
    /*font-size: 11px;*/
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #fff;
}
/*417690*/
.object-tools a:focus, .object-tools a:hover, .change-tools a:focus, .change-tools a:hover {
    background-color: #666;
    text-decoration: none;
    /*font-size: 11px;*/
}

.object-tools a:focus, .change-tools a:focus{
    text-decoration: none;    
    /*font-size: 11px;*/

}

.object-tools a.viewsitelink, .object-tools a.golink,.object-tools a.addlink, .change-tools a.addlink, .change-tools a.viewsitelink {
    background-repeat: no-repeat;
    background-position: right 7px center;
    padding-right: 26px;    
   /*font-size: 11px;*/
}

.object-tools a.viewsitelink, .object-tools a.golink, .change-tools a.viewsitelink {
    background-image: url(../../images/tooltag-arrowright.svg);
}

.object-tools a.addlink, .change-tools a.addlink {
    background-image: url(../../images/tooltag-add.svg);
}

/* OBJECT HISTORY */

table#change-history {
    width: 100%;
}

table#change-history tbody th {
    width: 16em;
}

/* PAGE STRUCTURE */

#container-nav{
    width: 100%;
    float: right;
    position: absolute;
    color: #fff;
    padding: 20px;
    text-align: right;
}

#container {
    /*top: 25px;*/
    position: relative;
    width: 100%;
    min-width: 980px;
    padding: 0;
    height: 100%;
    /*background-image: linear-gradient(#37b5f3, #1c64c7);*/
}


#content{
    padding: 20px;
     
}

.dashboard #content {
    width: 600px;
}

.content-bordered {
  /*background-color: #fff;*/
  border: solid 0.75pt #e8e6e6;
  border-radius: 4px;  
  padding: 0.5em;
}

#content-main {
    float: left;
    width: 100%;
    color: #324158;
    
    padding: 15px;
    border-radius: 0.5rem;
    background: #fff;
}

#content-related {
    float: right;
    width: 260px;
    position: relative;
    margin-right: -300px;
}

#content-main h1, td h1{
    margin: 0 0 20px;
    /*font-size: 24px; */  
}

#content-framed{
    float: left;
    width: 70%;
    margin-left: 15%;
    border: solid 1px #cecece;
}

#footer{
    top: 20px;
    position: relative;
    clear: both;
    padding: 10px;
    color: #fff;
    background: #000;
    overflow: hidden;    
    /*border-top: solid 2px #00cfff;*/
    background-image: linear-gradient(188deg, #000 0%, #474747 100%);
    background-color: transparent;
}

/* CONTAINER NAV */
.container-nav{
    display: inline-flex; /* takes only the content's width */
    /*flex-direction: column;*/
}

.container-nav a, .container-nav a:focus{
    color: #fff;
    text-decoration: none;
    margin-right: 15px;
    display:inline;    
}
.container-nav a img{
    /*display: block;*/
    float: right;
    margin: 0 7px;
}

.container-nav a:hover img {
    transform: scale(1.2);
}

.social-nav{
    float:right;
    display: inline-flex;
    top: 0;
}
.social-nav a{
    padding: 0 5px;

}
/* COLUMN TYPES */

.colMS {
    margin-right: 300px;
}

.colSM {
    margin-left: 300px;
}

.colSM #content-related {
    float: left;
    margin-right: 0;
    margin-left: -300px;
}

.colMS #content-related {
    float: right;
}

.popup .colM {
    width: auto;
}

/* HEADER */
#header {
    width: auto;    
    padding: 10px 20px;
    /*background: rgb(255, 255, 255, 0.3) ;
    line-height: 40px;*/
    color: #334940;
    overflow: hidden;    
    background-image: linear-gradient(4deg, #000 0%, #474747 100%);
    background-color: transparent;
    margin-top: 25px;
}

#header img {
    margin: 5px;
}

#header a:link, #header a:visited {
    color: #00cfff;
}

#header a:focus , #header a:hover {
    text-decoration: underline;
    color: #b6ded0;
    border-bottom: solid 1px #b6ded0;
}

#branding {
    float: left;
}

#user-tools {
    position: absolute;
    top: 10px;
    right: 0;
    float: right;
    padding: 0 5px 0 10px ;
    margin-left:20px;
    font-weight: 300;
    font-size: 11px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-align: right;
    background-color: #114DC4;
    border-radius: 25px 0 0 25px;
    color: #fff;
}

#user-tools a {
    border-bottom: 1px solid rgb(23, 184, 95);
}

#user-tools a:focus, #user-tools a:hover {
    text-decoration: none;
}

/* SIDE NAV BAR */

#content-related {
    background: #f8f8f8;
}

#content-related h3 {
    /*font-size: 14px;*/
    color: #666;
    padding: 0 16px;
    margin: 0 0 16px;
}

/*#content-related h4 {
    font-size: 13px;
}*/

#content-related p {
    padding-left: 16px;
    padding-right: 16px;
}

#content-related .actionlist {
    padding: 0;
    margin: 16px;
}

#content-related .actionlist li {
    line-height: 1.2;
    margin-bottom: 10px;
    padding-left: 18px;
}

#content-related h2 {
    background: none;
    padding: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #eaeaea;
    /*font-size: 18px;*/
    color: #333;
}

.delete-confirmation form input[type="submit"] {
    background: #ba2121;
    border-radius: 4px;
    padding: 10px 15px;
    color: #fff;
}

.delete-confirmation form input[type="submit"]:active,
.delete-confirmation form input[type="submit"]:focus,
.delete-confirmation form input[type="submit"]:hover {
    background: #a41515;
}

.delete-confirmation form .cancel-link {
    display: inline-block;
    vertical-align: middle;
    height: 15px;
    line-height: 15px;
    background: #ddd;
    border-radius: 4px;
    padding: 10px 15px;
    color: #333;
    margin: 0 0 0 10px;
}

.delete-confirmation form .cancel-link:active,
.delete-confirmation form .cancel-link:focus,
.delete-confirmation form .cancel-link:hover {
    background: #ccc;
}

/* POPUP */
.popup #content {
    padding: 20px;
}

.popup #container {
    min-width: 0;
}

.popup #header {
    padding: 10px 20px;
}

/* TOOLBAR */
#toolbar {
    padding: 8px 10px;
    margin-bottom: 15px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #f8f8f8;
    color: #666;
    font-size: 13px;
}

#toolbar form input {
    border-radius: 4px;
    padding: 5px;
    margin: 0 15px;
    color: #333;
}

#toolbar form select{
    margin: 0 15px;
}

#toolbar form #searchbar {
    height: 19px;
    border: 1px solid #ccc;
    padding: 2px 5px;
    margin: 0;
    vertical-align: top;
}

#toolbar form #searchbar:focus {
    border-color: #999;
}

#toolbar form input[type="submit"] {
    border: 1px solid #ccc;
    padding: 2px 10px;
    margin: 0;
    vertical-align: middle;
    background: #fff;
    box-shadow: 0 -15px 20px -10px rgba(0, 0, 0, 0.15) inset;
    cursor: pointer;
    color: #333;
}

#toolbar form input[type="submit"]:focus,
#toolbar form input[type="submit"]:hover {
    border-color: #999;
}

#toolbar #toolbar-search img {
    vertical-align: middle;
    margin-right: 4px;
}

/* PAGINATOR */

.paginator {
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 22px;
    margin: 0;
    border-top: 1px solid #ddd;
}

.paginator a:link, .paginator a:visited {
    padding: 2px 6px;
    background: #898989;
    text-decoration: none;
    color: #fff;
}

.paginator a.showall {
    padding: 0;
    border: none;
    background: none;
    color: #00cfff;
}

.paginator a.showall:focus, .paginator a.showall:hover {
    background: none;
    color: #00cfff;
}

.paginator .end {
    margin-right: 6px;
}

.paginator .this-page {
    padding: 2px 6px;
    font-weight: bold;
    font-size: 13px;
    vertical-align: top;
}

.paginator a:focus, .paginator a:hover {
    color: white;
    background: #114dc4;
}

/*  wrap: */
#wrap{
    width: 100%;
    /*color: #111;*/
    display: block;
    margin-bottom: 0.5em;
}

#wrap h1{
    border-bottom: dashed 1px #00cfff;
    margin-top: 1.25rem;
}

#wrap h2{
    background: #00cfff;
    color: #fff;
    padding: 5px 10px;
    font-size: 1.25rem;
    /*text-transform: uppercase;*/
}

#wrap h3, .module h3{
    border-top: 1px solid #d2d6d4;
    border-bottom: 1px solid #d2d6d4;
    /*font-size: 18px;*/
    color: #386b4b;
    font-weight: 600;
    background-color: #f8f8f8;
    padding: 5px;
    margin-bottom: 2px;
}

#wrap h5{
    font-size: 1.1rem;
    color: #666;
    font-weight: 500;
    padding: 5px;
    margin-top: 0px;
    font-style: italic;
    text-transform: none;
    border-bottom: 1px dashed #fff;
}

#wrap h6{
    color: #666;    
    padding: 5px;
    margin-top: 0px;
    font-style: italic;
    text-transform: none;
}

#wrap td, #wrap th{
    border-bottom:  solid 1px #fff;
}
.wrap_table th, .wrap_table td{
    border-bottom: 1px dashed #d2d6d4;
    padding: 3px;
    vertical-align: baseline;
}
.wrap_table td.head-data{
    font-size: 14px;
    font-weight: 500;
    font-style: italic;
    text-transform: none;
}

#logo-hold{
    margin-top: 5px;
    border-top: dashed 1px #d2d6d4;
    height: 55px; 
    background: #fff;
    border-radius: 0.5rem;   
    /*border-bottom: dashed 1px #d2d6d4;*/
}
#logo-hold img{
    margin: 0 5px;
    padding: 5px 10px;
}
#img-center{
    margin-left: 10%;
    display: inline-block;
}

/*  top form - used for the custom file upload */

#top-form{
    width: 100%;
    display: block;
    margin-bottom: 0.5em;
    border: dashed 1px #c7e3f0;
    background: rgb(199, 227, 240,0.5);
    padding: 8px 10px;
    margin-bottom: 15px;
    border-radius: 0.25rem;
}

#banner-links{
    float: right;
    display: block;
    /*font-size: 12px;*/
    font-family: "MontserratSemi";
    padding-left: 0;
    float: right;
    position: relative;
}


.left{
    width: 48%;
    float: left;
    padding: 5px;
}

.right{
    width: 48%;
    float: right;
    padding: 5px;
}

/* spinner*/
.spanner{
  position: absolute;
  top: 25%;
  left: 0;
  background: #2a2a2a55;
  width: 100%;
  display: block;
  text-align: center;
  height: 300px;
  color: #FFF;
  transform: translateY(-50%);
  z-index: 2000;
  visibility: hidden;
}

.overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    visibility: hidden;
    top: 0;
}

.float_nav{
   position: absolute;
    top: 30%;
    left: 0;
    background: #fafafa;
    width: 100%;
    display:block;
    text-align:center;
    height: 300px;
    /*color: #FFF;*/
   transform: translateY(-50%);
    z-index: 900;
    visibility: hidden;
}
.float_nav_alist{
    position: relative;
    top: 35%;
    display: inline-block;
}

.float_nav_a, .float_nav_a_disabled {
    border: none;
    padding: 15px ;
    display: inline-block;
    margin: 2px;
    cursor: pointer;
}

.float_nav_a img, .float_nav_a_disabled img{
    height: 3em;
    opacity: 0.5;
    transition: all .2s ease-in-out;
}
.float_nav_a:hover img{
    opacity: 1;
    /*height: 3.5em;*/
    transform: scale(1.1);
}

.float_nav_a_disabled:hover img{
    opacity: 0.5;
    transform: scale(1.1);
}


.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  /*top: 50%;*/
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

.show{
  visibility: visible;
  opacity: 100;
}
.hide{
    visibility: : hidden;
    opacity: 0;
}
.hide.show{
    opacity: 1;
}

.spanner, .overlay{
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.spanner.show, .overlay.show {
    opacity: 1
}

/**** tooltip ****/

.tool-tip {
  position: relative;
  display: inline-block;
  z-index: 2000;
}

.tool-tip .tool-tiptext, .float_nav_a .tool-tiptext, .float_nav_a_disabled .tool-tiptext{
  visibility: hidden;
  width: 120px;
  color: #999;
  text-align: center;
  padding: 5px 0;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 2000;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}

.tool-tip:hover .tool-tiptext, .float_nav_a:hover .tool-tiptext, .float_nav_a_disabled:hover .tool-tiptext {
  visibility: visible;
}

/*******  alert *******/
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: #fff;
  font-family: "MontserratSemi";
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #fff;
  background-color: #474747;
  border-color: #474747;

}

.alert-primary hr {
  border-top-color: #9fcdff;
}

.alert-primary .alert-link {
  color: #004f2b;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-secondary hr {
  border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #fff;
  background-color: #00cfff;
  border: solid 1px #00cfff;
}

.alert-info hr {
  border-top-color: #a8e0c4;
}

.alert-info .alert-link {
  color: #052e19;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}
/***** close ******/
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  opacity: .75;
}

.close:not(:disabled):not(.disabled) {
  cursor: pointer;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}