@charset "UTF-8";
/* CSS Document */
body {                /* body - or any parent wrapper */
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: 'Roboto', sans-serif;
}

main {
  flex: 1;
}

.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}

/* PRESENTATIONS STARTS HERE */
.hih-pres-head{
    font-family: 'roboto';
    font-weight: 900;
    font-size: 30px;
    color: #FFFFFF;
    letter-spacing: -1.8px;
}
.hih-pres-address{
    font-family: 'roboto';
    font-weight: 400;
    font-size: 30px;
    color: #000;
}
.hih-pres-agent-name{
    font-family: 'roboto';
    font-weight: 500;
    font-size: 25px;
    color: #000;
}
.hih-pres-agent-title{
    font-family: 'roboto';
    font-weight: 200;
    font-size: 15px;
    color: #000;
}
.hih-pres-csz{
    font-family: 'roboto';
    font-weight: 400;
    font-size: 20px;
    color: #000;
    line-height: 5px;
}
/* THIS IS THE PRESENTATION CHECKBOX CSS */
.nopad {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
/*image gallery*/
.image-checkbox {
	cursor: pointer;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 4px solid transparent;
	margin-bottom: 0;
	outline: 0;
}
.image-checkbox input[type="checkbox"] {
	display: none;
}

.image-checkbox-checked {
	border-color: #006536;
}
.image-checkbox .fa {
  position: absolute;
  color: #006536;
  background-color: #fff;
  padding: 10px;
  top: 0;
  right: 0;
	display: none;
}
.image-checkbox-checked .fa {
  display: block !important;
}
/* PRESENTATION CHECK BOX CSS ENDS HERE */

/* PRESENTATIONS ENDS HERE */



/* LINKS STARTS HERE */
a.hih-green-link{
    color: #006536;
    text-decoration: none; 
}
a.hih-profile-link{
    font-size: 12px;
    font-weight: 500;
    color:#565A5C;
    text-decoration: none;
    letter-spacing: -.5px;
}
/* LINKS ENDS HERE */

/* THIS KEEPS THE SCROLLBAR VISIBLE IN THE CONTACT PAGE */
#contactlist::-webkit-scrollbar {
    -webkit-appearance: none !important;
    width: 7px !important;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px !important;
    background-color: rgba(0,0,0,.5)!important;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5) !important;
}

/* BACKGROUNDS STARTS HERE */
.hih-bg-green-1{
    background-color: #00F17F;
}
.hih-bg-green-2{
    background-color: #00B15D;
}
.hih-bg-green-3{
    background-color: #006536;
}
.hih-bg-green-4{
    background-color: #00723C;
}
.hih-bg-green-5{
    background-color: #004B28;
}
.hih-header-gradient {
    background-image: linear-gradient( to right, #006536, #00B15D, #006536);
}
/* BACKGROUNDS END HERE */

/* TEXT STARTS HERE */
.fntgrn1{
	color: #00F181;
}
.fntgrn2{
	color: #00B15E;
}
.fntgrn3{
	color: #006536;
}
.fntgrn4{
	color: #00723D;
}
.fntgrn5{
	color: #004B28;
}
.fnth1{
	font-weight: 900;
	font-size: 30px;
	letter-spacing: -1.8px;
}
.fnth2{
	font-weight: 900;
	font-size: 28px;
	letter-spacing: -1.8px;
}
.fnth3{
	font-weight: 900;
	font-size: 25px;
	letter-spacing: -1.8px;
}
.fnth4{
	font-weight: 900;
	font-size: 20px;
	letter-spacing: -1.8px;
}
.fnth5{
	font-weight: 400;
	font-size: 15px;
}
.fnth6{
	font-weight: 900;
	font-size: 12px;
}


.hih-header-text {
    letter-spacing: 15px;
    color: #FFFFFF;
    text-align: center;
}
.hih-footer-font {
    font-weight: 300;
    font-size: 13px;
    color: white;
    letter-spacing: -.25px;
}
.hih-page-head-white{
    font-weight: 900;
    font-size: 40px;
    color: #FFFFFF;
    letter-spacing: -1.8px;
}
.hih-page-head{
    font-weight: 900;
    font-size: 30px;
    color: #006536;
    letter-spacing: -1.8px;
}
.hih-page-sub-head{
    font-weight: 900;
    font-size: 28px;
    color: #565A5C;
    letter-spacing: -1.3px;
}
.hih-page-sub-head-sm{
    font-weight: 500;
    font-size: 20px;
    color: #565A5C;
    letter-spacing: -1.3px;
}
.hih-page-sub-head-xsm{
    font-weight: 500;
    font-size: 15px;
    color: dimgrey;
    letter-spacing: -.5px;
}
.hih-page-sub-head-sm-green{
    font-weight: 700;
    font-size: 20px;
    color:#006536;
    letter-spacing: -1.3px;
}
.hih-page-sub-head-text{
    font-size: 12px;
    color:#565A5C;
}
.hih-warning-form-text{
    font-size: 12px;
    color: red;
    letter-spacing: -.5px;
}
.hih-page-head-sm{
    font-weight: 900;
    font-size: 20px;
    color: #006536;
    letter-spacing: -1.0px;
}
.hih-page-head-xsm{
    font-weight:400;
    font-size: 18px;
    color: #006536;
    letter-spacing: -1.0px;
}
/* TEXTS ENDS HERE */


.hih-content-border-right {
    border-right: thin solid #757575;
}
#hih-content {
    padding: 10px 0px 0px 0px;
}
.hih-form-label{
    Font-weight: 500;
    font-size: 15px;
    color: #565A5C;
    letter-spacing: -1px;
} 
.hih-logo-background{

    background-repeat: no-repeat;
    background-position: center;
}
.hih-conf-background{
	background-image: url("../images/hih-conf-trans.png");
    background-repeat: no-repeat;
    background-position: center;
}
.hih-house-background{
    background-image: url("../images/hinhlogo-white-houses.png");
    background-repeat: no-repeat;
    background-position:right bottom;
}
.pdf-word-image{
	width: 25px;
	float: left;
	padding-right: 4px;
}
@media only screen and (max-width: 768px) {
	#admin-emp-img{
		height: 50px;
		width: 50px;
	}
  #header-img {
    text-align: center;
    border-right: none;
    border-bottom: thin solid white;
    padding-bottom: 10px;
    padding-top: 10px;
    }
  #header-title {
    text-align: center;
    padding-bottom: 0px;
    padding-top: 5px;
    color: white;
    letter-spacing: 14px;
    }

    #hih-footer-left{
        border-bottom: thin solid white;
        text-align: center;
        padding: 0px 0px 8px 0px;
    }
    #hih-footer-right{
        border: none;
        text-align: center;
        padding: 4px 0px 4px 0px;
    }
    .hih-content-border-right {
        border-right: none;
    }
    #hih-content {
        padding-bottom: 20px;
        border-bottom: thin solid #CCC;
        margin-bottom: 20px;
    }
    #loginimg{
        border-bottom: thin solid #B2B2B2;
        border-right: none;
        padding-bottom: 10px;
    }
    #welcome-sec{
        border-bottom: thin solid #A5A5A5;
    }
    #wel-sec-md{
        display: none;
    }
    #wel-sec-sm{
        border-bottom: thin solid #ccc;
    }
    #search-sec{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #cal-sec{
        padding: 20px 0px 20px 0px;
    }    
    #logo-sec{
        padding-top: 20px;
        padding-bottom: 20px;
    }      
    #admin-sec{
        padding-top: 20px;
        padding-bottom: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }      
}
[data-toggle="collapse"] .fa:before {  
  content: "\f139";
  padding-right: 10px;
}

[data-toggle="collapse"].collapsed .fa:before {
	content: "\f13a";
	padding-right: 10px;
}

@media only screen and (min-width: 769px) {
	#admin-emp-img{
		height: 50px;
		width: 50px;
	}
  #header-img {
    text-align: right;
    border-right: thin solid white;
    padding-right: 20px;
    }
  #header-title {
    text-align: left;
    padding-bottom: 0px;
    padding-top: 10px;
    padding-left: 25px;
    color: white;
    letter-spacing: 14px;
    }
    #header-nav {
        padding-left: 20px;
    }
    #hih-nav {
        height: 30px;
    }
    #menu-option{
        display: none;
    }
    #hih-content {
        
        padding-bottom: 20px;
        border-right: thin solid #ccc;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    #hih-footer-left{
        border-bottom: none;
        border-right: thin solid white;
        text-align: right;
        padding-top: 8px;
        padding-right: 20px;
    }
    #hih-footer-right{
        border-left: thin solid white;
        text-align: left;
    }    
        #loginimg{
        border-bottom: none;
        border-right: thin solid #B2B2B2;
    }
    #wel-sec-sm{
        display: none;
    }
    #search-sec{
        display: none;
    }
    #search-sec-md{
        border:thin solid #CCC;
    }
    #cal-sec{
        display: none;
    }
    #cal-sec-md{
        padding: 10px 0px 10px 0px;
    }  
	#conf-sec{
        display: none;
    }
    #conf-sec-md{
        padding-top: 20px;
        padding-bottom: 20px;
        border: thin solid #CCC;
    } 
    #logo-sec{
        display: none;
    }
    #logo-sec-md{
        padding-top: 20px;
        padding-bottom: 20px;
        border: thin solid #CCC;
    }    
    #admin-sec{
        display: none;
    }
    #admin-sec-md{
        margin-top: 10px;
        padding-top: 20px;
        padding-bottom: 20px;
        border: thin solid #CCC;
    }    
}

/* LOADER STUFF */




/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#presform {
  display: block;
}