/* 
light blue #99a1b5
dark blue #0e1a3b
*/

h6 {
	width: 100%;
	float: left;
}

/* header visability */

/* left */
/* .hamburger */

#company i {
	color: white !important;
}

/* .chevron */
#home .chevron {
	display: none;
}

/* center */
/* .page-title */
#home .page-title { 
	display: none;
}

/* .img-logo */ 
#company .img-logo,
#entity .img-logo,
#invite .img-logo,
#pending .img-logo,
#myprofile .img-logo,
#job .img-logo {
	display: none;
}

/* right */
#invite .right,
#myprofile .right {
	display: none ;
}

/* .toggle-searchbox */
#home .toggle-searchbox,
#company .toggle-searchbox,
#entity .toggle-searchbox,
#pending .toggle-searchbox,
#job .toggle-searchbox {
	display: none ;
}

/* .plus-icon */
#home .plus-icon, 
#entity .plus-icon,
#pending .plus-icon {
	display: none;
}

/* .refreash-button */
#home .refreash-button,
#company .refreash-button,
#pending .refreash-button {
	display: none;
}

#company .directory-menu,
#entity .directory-menu,
#pending .directory-menu,
#myprofile .directory-menu,
#job .directory-menu {
	display: none;
}

#entity .headerButton,
#pending .headerButton,
#myprofile .headerButton,
#job .headerButton {
	color: #ffffff;
}

/* .directory-menu */


/* extra header for tabs */
.extraHeader {
    max-width: 600px;
    margin: 0 auto;
}



.modal {
	z-index: 99999 !important;
}

/* header */
.header-logo {
	width: 100px;
}

.bg-primary {
    background: #0e1a3b !important;
    color: #FFF;
}


.bg-secondary {
  background: #fff !important;
  color: #0e1a3b;
}

.bg-success {
  background: #34C759 !important;
  color: #FFF;
}

.bg-danger {
  background: #EC4433 !important;
  color: #FFF;
}

.bg-warning {
  background: #FE9500 !important;
  color: #FFF;
}

.bg-info {
  background: #592BCA !important;
  color: #FFF;
}

.bg-light {
  background: rgba(255, 255, 255, 0.5) !important;
}

.bg-dark {
  background: #222 !important;
  color: #FFF;
}

b, strong {
	font-family: font-family: 'Metropolis Bold' !important;
}

/* sidebar menu */
ul.listview li a.item {
    width: 85%;
    float: left;
    height: 66px;
}

.menu-plus {
    width: 15%;
    float: right;
    height: 66px;
    padding-top: 19px;
}

a.item .in {
    font-size: 17px !important;
    font-family: 'Metropolis Regular' !important;
    letter-spacing: -0.6px !important;
    line-height: 30px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
}

ul.listview li {
    width: 100%;
    float: left;
    height: 54px;
}

.clickable {
    cursor: pointer !important;
}

.user-avator ion-icon {
    width: 24px !important;
    height: 24px !important;
    background-color: #ffffff;
    padding: 8px;
    color: #848282;
    border-radius: 30px;
}

.type-select {
	width: 100%;
	height: 40px;
	background: white;
	float: left;
}


/* for All mobile */
@media only screen and (max-width: 992px) { 

	/* old paddings/margins */
	.m-lr-0-d {
	    margin-left: 0 !important;
	    margin-right: 0 !important;
	}

	.m-r-0-d {
	    margin-right: 0 !important;
	}

	.m-l-0-d  {
	    margin-left: 0 !important;
	}

	.m-r-1-d {
	    margin-right: 10 !important;
	}

	.m-l-1-d  {
	    margin-left: 10 !important;
	}    

	.m-r-32-d {
	    margin-right: 32px !important;
	}

	.m-l-32-d  {
	    margin-left: 32px !important;
	}

	.m-t-12-d {
	    margin-top: 120px !important;
	}

	.m-t-2-d {
	    margin-top: 20px !important;
	}      

	.m-t-4-d {
	    margin-top: 40px !important;
	}       

	.m-t-6-d {
	    margin-top: 60px !important;
	}   

	.m-t-8-d {
	    margin-top: 80px !important;
	}       

	.m-t--12-d {
	    margin-top: -120px !important;
	}

	.m-t--6-d {
	    margin-top: -60px !important;
	}    

    .dv {
        display: none !important;
    }
    

}



/* for all tops */
@media only screen and (min-width: 993px) { 

	/* old paddings/margins */
	.p-lr-40-d {
    	padding: 0 40px !important;
	}

	.p-lr-0-d {
	    padding-left: 0 !important;
	    padding-right: 0 !important;
	}

	.p-r-0-d {
	    padding-right: 0 !important;
	}

	.p-l-0-d {
	    padding-left: 0 !important;
	}

	.p-r-32-d {
	    padding-right: 32px !important;
	}

	.p-r-34-d {
	    padding-right: 34px !important;
	}    

	.p-l-32-d {
	    padding-left: 32px !important;
	} 

	.p-r-4-d {
	    padding-right: 41px !important;
	}        

	.p-r-5-d {
	    padding-right: 50px !important;
	}    

	.p-r-64-d {
	    padding-right: 64px !important;
	}

	.p-l-64-d {
	    padding-left: 64px !important;
	}    

	.p-r-16-d {
	    padding-right: 16px !important;
	}

	.p-l-16-d {
	    padding-left: 16px !important;
	}   

    .mv {
        display: none !important;
    }

    .section {
		margin-left: auto;
		margin-right: auto;
		width: 600px; 
		height: 100vh;   
		border: none; 	
    }
    
}

/* general stuff */

.line-below {
	border-bottom: thin solid #c1c1c1;
}

.line-above{
	border-top: thin solid #c1c1c1;
}

.line-break {
	width: 100%;
	border-top: thin solid #c1c1c1;
	float: left;
	height: 2px;
}

.bottom-100 {
	width: 100%;
	float: left;
	height: 100px;
}

.bottom-200 {
	width: 100%;
	float: left;
	height: 200px;
}

.bottom-400 {
	width: 100%;
	float: left;
	height: 400px;
}

.small {
	font-size: 12px;
}

.w-100 {
	width: 100%;
}

.f-l {
	float: left;
}

.f-r {
	float: right;
}

.info-container {
	width: 100%;
	float: left;
	padding: 20px 0;
}

.display-none {
	display: none;
}

.section {
	background: #ffffff;
}

.wide-block {
	margin: 16px;

}

.hide {
    display: none !important;
}


.clickable {
    cursor: pointer !important;
}

.small {
    font-size: 10px;
    font-face: normal;
}

.caps {
  text-transform: uppercase !important;
}


.color-white {
  color: white !important;
}

.color-green {
  color: green !important;
}

.color-red {
  color: red !important;
}


.backgroundblack {
  background: black !important;
}

.zero-padding {
  padding:  0 0px !important;
}


.paddingtop20 {
  padding-top: 20px;
}

.padding-left-right-zero {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.position-relative {
  position: relative !important;
}

.colorred {
  color: red;
}

.ciqu-blue {
  background: #364260 !important;
}

.fontwhite {
  color: white !important;
}

.black {
  color: black;
}

.color-main {
  color: #364260 !important
}

.opacity-five {
    opacity: .5;
}

.opacity-three {
    opacity: .3;
}

.form-option-select {
	width: 100%; 
	background: #ffffff; 
	position: absolute; 
	z-index: 999;
	padding-top: 10px;
}

.h-10 {
	height: 10px;
	width: 100%;
	float: left;
}

.h-20 {
	height: 20px;
	width: 100%;
	float: left;
}

.h-30 {
	height: 20px;
	width: 100%;
	float: left;
}

.h-40 {
	height: 40px;
	width: 400%;
	float: left;
}

.h-50 {
	height: 40px;
	width: 400%;
	float: left;
}

.h-60 {
	height: 40px;
	width: 400%;
	float: left;
}

.f-l {
    float: left;
}

.f-r {
    float: right;
}


.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.width-100 {
	width: 100%;
}



/* forms */
.form-label {
	margin-bottom: 0 !important;
	font-size: 12px;
}

.response-container {
	text-align: center;
}

.response-container i {
	font-size: 80px;
}

/* margin bottom */
.mb-0 {
	margin-bottom: 0px !important;
}

.mb-2 {
    margin-bottom: 20px !important;
}

.mb-4 {
    margin-bottom: 40px !important;
}

.mb-6 {
    margin-bottom: 60px !important;
}

.mb-8 {
    margin-bottom: 80px !important;
}

.mb-100 {
    margin-bottom: 100px !important;
}

.mb-120 {
    margin-bottom: 120px !important;
}

.mb-140 {
    margin-bottom: 140px !important;
}

.mb-160 {
    margin-bottom: 160px !important;
}

.mb-170 {
    margin-bottom: 170px !important;
}

.mb-08 {
	margin-bottom: 8px !important;
}


/* margin top */
.mt-2 {
    margin-top: 20px !important;
}

.mt-4 {
    margin-top: 40px !important;
}   

.mt-6 {
    margin-top: 60px !important;
}   

.mt-8 {
    margin-top: 80px !important;
}   

.mt-10 {
    margin-top: 100px !important;
}

.mt-12 {
    margin-top: 120px !important;
}

.mt-14 {
    margin-top: 140px !important;
}

.mt-16 {
    margin-top: 160px !important;
}

.mt-17 {
    margin-top: 170px !important;
}


/* margin left */
.ml-2 {
    margin-left: 20px !important;
}

.ml-4 {
    margin-left: 40px !important;
}

.ml-6 {
    margin-left: 60px !important;
}

.ml-8 {
    margin-left: 80px !important;
}

.ml-10 {
    margin-left: 100px !important;
}



/* margin right */
.mr-2 {
    margin-right: 20px !important;
}

.mr-4 {
    margin-right: 40px !important;
}

.mr-6 {
    margin-right: 60px !important;
}

.mr-8 {
    margin-right: 80px !important;
}

.mr-10 {
    margin-right: 100px !important;
}

.m-0 {
	margin: 0;
}


/* padding bottom */
.pb-2 {
    padding-bottom: 20px !important;
}

.pb-4 {
    padding-bottom: 40px !important;
}

.pb-6 {
    padding-bottom: 60px !important;
}

.pb-8 {
    padding-bottom: 80px !important;
}

.pb-100 {
    padding-bottom: 100px !important;
}

.pb-120 {
    padding-bottom: 120px !important;
}

.pb-140 {
    padding-bottom: 140px !important;
}

.pb-160 {
    padding-bottom: 160px !important;
}

.pb-170 {
    padding-bottom: 170px !important;
}


/* padding top */
.pt-2 {
    padding-top: 20px !important;
}

.pt-4 {
    padding-top: 40px !important;
}   

.pt-6 {
    padding-top: 60px !important;
}   

.pt-8 {
    padding-top: 80px !important;
}   

.pt-10 {
    padding-top: 100px !important;
}

.pt-12 {
    padding-top: 120px !important;
}

.pt-14 {
    padding-top: 140px !important;
}

.pt-16 {
    padding-top: 160px !important;
}

.pt-17 {
    padding-top: 170px !important;
}


/* padding left */
.pl-16 {
    padding-left: 16px !important;
}

.pl-2 {
    padding-left: 20px !important;
}

.pl-32 {
    padding-left: 32px !important;
}

.pl-4 {
    padding-left: 40px !important;
}

.pl-6 {
    padding-left: 60px !important;
}

.pl-8 {
    padding-left: 80px !important;
}

.pl-10 {
    padding-left: 100px !important;
}



/* padding right */
.pr-16 {
    padding-right: 16px !important;
}

.pr-2 {
    padding-right: 20px !important;
}

.pr-32 {
    padding-right: 32px !important;
}

.pr-4 {
    padding-right: 40px !important;
}

.pr-6 {
    padding-right: 60px !important;
}

.pr-8 {
    padding-right: 80px !important;
}

.pr-10 {
    padding-right: 100px !important;
}

/* header of app */

.appHeader i {
	font-size: 26px;
}



/* Tooltip container */
.tooltip {
  position: relative;
  opacity: 1 !important;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  line-height: 16px;
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* message box */

.message-box {
	margin: 0 auto;
	width: 300px;
	text-align: center;
}

.message-box i {
	font-size: 90px;
}

.green {
	color: green;
}

.red {
	color: red;
}