/* Site Colors:
#1A446C - blue grey
#689DC1 - light blue
#D4E6F4 - very light blue
#EEE4B9 - light tan
#8D0D19 - burgundy
*/

/*
the default page template sometimes does not cover the page
the below ruleset ensures a pge covering
this div is not actively in use yet but worth noting
*/

@import url(https://fonts.googleapis.com/css?family=Merriweather+Sans);
@import url('icon_custom.css'); /* the icon color size, etc */

table td, table th{
    border-collapse: collapse;
    border-width: thin;
    border: 1px solid grey;
}

table thead{
    font-weight: bolder;
}

/* tr:hover{
    color: green;
    font-weight: bolder;
} */

#full_page{
width: 100%;
height: 500px;
display: block;
position: absolute;
background-color: white;
border: 1px solid black;
}

.add_padding_to_links{
    padding: 10px;
    margin-right: 10px;
}

.static_width {
    width: 150px;
    display: inline-block;
    font-size: 16px;

}

div.styled_link_box{
    /* margin: 5px; */
    padding: 5px;
    padding-left: 10px;
    padding-right: 1px;
    border: 1px solid grey;
    background-color: white;
    /* width: 40%; */
    font-size: 1rem;
}

td.left_dash{
    border-left: 2px dashed black;
}

td.right_dash{
    border-right: 2px dashed black;
}

.selection_form_inc_sheets{
    /*the selection form of select parish alphabeticaly, par under area, etc*/
    width:50%;
    border:2px solid darkgreen;
    /* background-color:lime; */
    background-color:white;
    padding: 10px;
    margin:10px	;
    color: blue;
    font-weight: bold;
}

.agric_revolution_farm_stages{
    padding: 10px;
    border: 1px solid black;
    background-color: white;
    width: 45%;
    font-size: 1.5rem;
}

.reason_saved{
    border:1px solid black;
    font-size:18px;
    padding: 5px;
    color: green;
    background-color:white
}

.bgcolor_lavender{
    background-color: lightslategray;
}

.border_dashed_right {  border-right: black 2px dashed;  }
.border_dashed_left {  border-left: black 2px dashed;  }
.border_none_left {  border-left: none;  }
.fortable{ padding:5px; word-spacing:5px; }

.big_input_td_label {
    text-align:right;
    vertical-align:middle;
    background-color:#FC6;
}

.big_input {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
}

.fa-stack[data-count]:after{
    position:absolute;
    right:0%;
    top:1%;
    content: attr(data-count);
    font-size:30%;
    padding:.6em;
    border-radius:999px;
    line-height:.75em;
    color: white;
    background:rgba(255,0,0,.85);
    text-align:center;
    min-width:2em;
    font-weight:bold;
}
.excepts{
    color:#00F; font-weight:bold;
}

.right {
    text-align: right;
    vertical-align: middle;
    background-color: #FC6;

}

.bigButtonx {
    min-width: 100px;
    width: 150px;
    height: 40px;
    background-color:#F96;
    display: inline-block;
    color: #000;
    font-weight:bolder;
    padding: 5px 3px 5px 3px;
    margin: 5px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 5px solid #eee;
}

.bigButton img {   max-width:80px;   max-height:80px;
}
.bigButton:hover {   background: #eee; color:#000;}

.tips {	color: #333333;	font-style: italic; }
.tips_blue {	color:#00F; font-size:smaller; }
.tipslite {	color:#666;	 }

.black {	color:#000;	 }
.red {	color:#F00;	 }
.white {	color:#FFF;	 }
.blue {	color:#00F;	 }
.lightblue {	color: #CCCCFF;	 }
.green {	color:#060;	 }
.lightgreen {	color:lightgreen	 }
.khaki { color: khaki; }
.orange {color: orange; }
.wine{color: #8D0D19;}
.brown{ color: brown;}
.lavender { color: lavender;}
.yellow { color: yellow;}

.bg-black {	background-color:#000;	 }
.bg-red {	background-color:#F00;	 }
.bg-white {	background-color:#FFF;	 }
.bg-blue {	background-color:#00F;	 }
.bg-lightblue {	background-color: #CCCCFF;	 }
.bg-green {	background-color:#060;	 }
.bg-lightgreen {	background-color:lightgreen	 }
.bg-khaki { background-color: khaki; }
/* .bg-orange {background-color: orange; } */
.bg-orange {background-color: #FFCC66; }
.bg-wine{background-color: #8D0D19;}
.bg-brown{ background-color: brown;}
.bg-lavender { background-color: lavender;}
.bg-yellow { background-color: yellow}



.upper{text-transform:uppercase; }
.uppercase{text-transform:uppercase; }
.lowercase{text-transform:lowercase; }
.lower{text-transform:lowercase; }
.camelcase{text-transform: capitalize; }

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

.no_line { text-decoration: none; }
.bolder {	font-weight: bold; }

.makepayment{
    border:1px solid grey;
    padding:10px;
    text-decoration:none;
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px; background-color:#66CC33; color:#FFFFFF;

}

.proceed_to_payment_button{


 padding: 10px;
 border: 1px solid green;
}

.fontbig {
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 3px;
    color: #000;
}
.big {	font-size:large; }

.message { color:#FF0000; font-weight:bold; }

.bolder2 {	font-weight: bold; }.fontbig {
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 20px;
    color: #000;
}
.msg { font-weight: bold; color:#FF0000;   }
@media print {
    .noPrint {	display : none;  }
}

@media print {
    #noPrint2 {	display : none;  }
}

.printtext {
    display: none;
}
@media print {
    .printtext {
        display: block;
    }
}

.printtexttr {
    display: none;
}
@media print {
    .printtexttr {
        display: table-row;
    }
}

.printtexttd {
    display: none;
}
@media print {
    .printtexttd {
        display: table-cell;
    }
}

.note {	color: #F00; }
.style1 {color: #333333}

.portal_font{
      /* font-family:  Tahoma, Geneva, sans-serif; */
      font-family: 'Merriweather Sans', Tahoma, Geneva, sans-serif, verdana;
    height: 70%;
}

.google_font{
      font-family: 'Merriweather Sans', Tahoma, arial, verdana;
}

#footer {
    margin: 0px;
    padding: 0.8em;
    text-align: center;
    background: #1A446C;
    color: #D4E6F4;
    position:relative;
    bottom:0;
    width:100%;
}

#structure { width: 105%;   }

/* #page { */
    /* padding-left: 2em;
    vertical-align: top;
    background-color:#EEE4B9;
    width:100%; */
    /*  vh (html 5 attribute)  is important using % does not achive the desired result. test on mobile devices */
    /* also remeber that the height att in body above sets a default
    */
    /* height:82vh;
    margin: 0 auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

} */
h1, h2, h3{
   color: #8D0D19;
    margin-top: 1em;
    font-family:  'Merriweather Sans',Tahoma, arial, verdana;
    word-spacing: normal;
}
 h1 {
     color: black;
    font-size: 24px;
    font-weight:bold;
    }

 h2 {
    font-size: 20px;
    font-weight:bold;
    }
 h3 {
    font-size: 18px;
}

img { border: none; }
.fortop {	font-size: 14px;}
@media print {
    table, tr, td { border-collapse: collapse; vertical-align:top; font-size: 9px; line-height:
                        9px; }
}
@media screen {
    table, tr, td { border-collapse: collapse; vertical-align:top; font-size: 13px; line-height: 15px; }
}
@media print {
    .toper { 	 line-height: 18px; border-collapse: collapse; vertical-align:middle; padding:4px; }
}
@media screen {
    .toper { 	 line-height: 18px;  border-collapse: collapse; vertical-align:middle; padding:4px; }
}
table.fixedlen {overflow:hidden; white-space:nowrap; table-layout:fixed; }

a { color: #8D0D19;}
.workers {	color: #000;}

#label_header {
    height: 70px; margin: 0px; padding: 0px; text-align: left; width:100%;
    background: #1A446C; color: #D4E6F4;
}

#label_header h1 { padding: 1em; margin: 0px;}


#container {
    min-height:100%;
    position:relative;
}
.clearfooter {
    height: 330px;
    clear: both;
}

/* Navigation */
#navigation { min-width: 125px; padding: 1.5em 1.5em; max-width: 125px;
              color: #D4E6F4; background: #8D0D19; font-size:14px; line-height:2;
}
#navigation a { color: #D4E6F4; text-decoration: none; }
#navigation a:hover { color:#FF6; text-decoration:underline; }

ul.subjects { padding-left: 0; list-style: none; }
ul.pages { padding-left: 2em; list-style: square; }
.selected { font-weight: bold;}

#main { margin: 0px; padding: 0px; height: 100%; width: 100%; background: #EEE4B9; min-height:100%; }

.tablealign {text-align: center; }

.textcenter {text-align: center; }
.textleft {text-align: left; }
.textright {text-align: right; }

.textstyle{
    padding:7px;  color:green; font-size:14px; font-weight:bold; border-color:blue;
}

.dropstyle{
    padding:5px; font-size:14px; font-weight:bold; border:thick;
}


.submitlink {
    background:none;
    border:none;
    padding:0;

    /*optional*/
    font-family:arial,sans-serif; /*input has OS specific font-family*/
    color:#069;
    text-decoration:underline;
    cursor:pointer;
}


.bigsubmit {
    padding:5px;
    color:black;
    font-family:Tahoma, 'Arial Black', Gadget, sans-serif;
    /* font-family:'Arial Black', Gadget, sans-serif; */
    font-weight:bold;
}

/* stop */
.searchList {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: absolute;
    width: 206px;
    height: 160px;
    overflow-y:auto;
    overflow:-moz-auto-vertical
}

#input {
    width: 220px;
    padding: 2px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
}

.searchList li {
    display: block;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #D6D6D6;
    width: 98%;
}
.searchList li a{
    display: block;
    color: #006;
    text-decoration: none;
    background-color: #F9F9F9;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
}

.div_class  {
    background-color: #FFF;
    width: 95%;
    padding: 3rem;
}

.searchList li a:hover{
    color: #FFF;
    background-color: #555;
}
.listWrap {
    visibility: hidden;
}
.noline a{text-decoration: none; color:#000000; border:none; }

div.pagination {
    padding: 3px;
    margin: 3px;
}

/* div.msgbox{
    background-color:#630;
    color:#FFFFFF;

    max-width:90%;

    padding:10px;
} */

div.msgbox{
    background-color:#630;
    color:#FFFFFF;

    /* max-width:90%; */

    padding: 10px;

    margin-top: 0.5rem;
    margin-bottom: 0.6rem;
    }

.bolder_write{
    font:Verdana, Geneva, sans-serif;
    text-transform:uppercase;
}

table.othercolor{
    background-color:#FFFF99;
}

.approval_button{
    background-color:#0C6;
    border:1px solid brown ;
    padding:10px;
    color:white;
    width:80%;
    font-family:Verdana, Geneva, sans-serif;
    font-size:18px;

}

.approval_button:hover{
    background-color:#090;
}

.button_link{
    background-color:#093;
    color:white;
    font-family:Verdana, Geneva, sans-serif;
    font-size:14px;
    text-decoration:none;
    padding-right:10px;
    padding-left:10px;
    width:100%;

}
.button_link:hover{
    background-color:#060;

}

.button_link2 {
    background-color:#39F;
    color: white;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    text-transform:uppercase;
    font-size:14px;
    font-family:Verdana, Geneva, sans-serif;
    margin-right:50px;

}


.button_link2:hover {
    background-color: green;
}


textarea {
    width: 100%;
    height: 100px;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    resize: none;
}

.select_full {
    width: 100%;
    padding: 16px 20px;
    border: none;
    border-radius: 4px;
    background-color: #f1f1f1;
}

.noline{ text-decoration:none; }

.link_style{
    border:1px solid brown;
    padding:10px;
    background-color:#FCF;
    text-transform:capitalize;
    text-decoration:none; line-height:50px;
    font-size:14px;
}

.link_style_button{
    border:1px solid brown;
    padding:5px;
    background-color:#FCF;
    text-transform:capitalize;
    text-decoration:none; line-height:50px;
    font-size:14px;
}

.link_style:hover{ font-size:16px; background-color:#9F9; }

.approval{
    border:1px solid brown;
    padding:10px;
    background-color:#9F3;
    text-transform:capitalize;
    text-decoration:none; line-height:50px;
    font-size:16px;
    width:80%;
    font-weight:bold; color:#03F;  }

.approval:hover{ font-size:18px; color:#000; }


.forbutton {
    padding: 3px;
    border: medium solid #FFF;
}
.bigtexttable {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #00C;
    text-align: center;
    vertical-align: middle;
}

.nostylex{
    text-decoration: none;
}

table.regular{
    word-spacing:3px;

    padding:15px;
    border: 1px solid #ccc;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
}

.item {
    position:relative;
    padding-top:20px;
    display:inline-block;
}
.notify-badge{
    position: absolute;
    right:-10px;
    top:20px;
    background:red;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    color:white;
    padding:5px 10px;
    font-size:18px;
}

.notify-badge2{
    position: absolute;
    right:-10px;
    top:20px;
    background:white;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    color:green;
    padding:5px 10px;
    font-size:18px;
}

.myhover2:hover {
    border-style:dotted;
    border-color:#F60;
    border-width:medium;
    border-left-style:dotted;
    border-right-style:dotted;

}

.myhover:hover {
    color: green;
    /* font-weight: bolder; */

}

.myhover_bold:hover {
    background-color: #ddd;
    /* font-weight: bold; */
}

#myhoverx:hover {
    background-color: #ddd;

}


tr#mhover:hover{
    background-color: #ddd;
}

tr#myhoverx{
    font-weight: bold;
}

p.out1 {outline: dashed; width:60%; padding:10px; }
p.out2 {outline: dotted red;}
p.out3 {outline: 5px solid yellow;}
p.out4 {outline: thick ridge pink;}
p.out5 {outline: 2px solid black;  width:90%; height:100%; padding:10px;}

.outline2{
    outline: 2px solid black;
}

.imagelist {
    list-style:none;
    margin:0;
    padding:0;
    width: 250px;
    vertical-align: middle;
    border:1px solid #474747;
    background: #fff;
    border: 1px solid #ccc;
    text-align:center;
    padding: 15px;
    margin-bottom:19px;
}

div.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;

    /*border: 1px solid #AAAADD;  pls note that these border here was removed by me uzor*/

    text-decoration: none; /* no underline */
    color:#000000;
}
div.pagination a:hover, div.pagination a:active {
    border: 1px solid #000099;

    color: #000;
}
div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000099;

    font-weight: bold;
    background-color: #000099;
    color: #FFF;
}
div.pagination span.disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;

    color: #DDD;
}

#container {
    position: relative;
    width: 3.75em;
    height: 1.25em;
    border: 1px solid red;
    overflow: hidden;
}
#doit, #hid {
    position: absolute;
    cursor: default;
}
#doit {
    top: 0;
    left: 0;
    border: 1px solid #000;
}
#hid {
    opacity: 0.001;
    font-size: 300%;
    top: -5px;
    right: -5px;
}
.EMPHASIS {	color: #006;}
.style1 {	color: #666666;	font-style: italic; }

.rrr{
    border: 1px solid blue;
    background-color:#FFCC99;
    padding:5px;
    font-size:14px;
    font-family:Verdana, Geneva, sans-serif;
}

.top_images{
	margin-left: 3px;
	border:1px solid #000;
	padding:1px;
	margin-bottom:3px;
}

/* Always set the map height explicitly to define the size of the div */
#map {
  height: 100%;
}