@charset "utf-8";
/* CSS Document */
*{
	padding:0;
	margin:0;
}
html, body {
  height: 100%;
}
body{
	font-family:sans-serif;
}
.newheader{
	background:url(../images/header.jpg) repeat-x #d8e4f2;
	border-bottom:1px solid #728ead;
	border-top:1px solid #728ead;
	width: 100%;
	display: block;
	height:103px;
}
.newheader1{
	background:url(../images/header.jpg) repeat-x bottom #d8e4f2;
	height:70px;
	border-bottom:1px solid #728ead;
	border-top:1px solid #728ead;
}
.icons-header-file{
	padding:5px;
	float:left;
	margin-bottom:30px;
}
.icons-header{
	padding:0px 5px;
	float:left;
}
.icons-header li img{
	vertical-align:baseline !important;
}
.title{


	float:left;

}
.title_nav{
    font-size:13px;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    color:#2d4666;
    background: #ffffff;
    border-bottom: 1px solid #728ead;
    border-right: 1px solid #728ead;
}
.estimate_plan_link a{
    font-size: 20px;
    font-weight: bold;
    border: none !important;
}
.estimate_plan_link a:hover{
    text-decoration: underline;
}
.title a{
	color:#2d4666;
	text-decoration:none;
	padding:5px;
	margin-left:2px;
	display:inline-block;
	border:1px solid #fff;
}
.title a:hover{
	border:1px solid #b1b5ba;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom:none;
}
.title a.active{
	background:#f0f7fd;
	border:1px solid #b7c8da;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom:2px solid #f0f7fd;
}
.title a.filebu{
	background:url(../images/file-bu-bg.jpg) repeat-x #4274bd;
	border:1px solid #234da3;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom:none;
	color:#FFF;
	text-shadow:1px 1px #000000;
	padding-left:20px;
	padding-right:20px;
}
.title .dropdown-menu{
	border:none;
	padding:0px !important;
	margin:0px !important;
	background:#4274bd;
	border-radius:0;
}
.title .dropdown-item{
	font-size:14px;
	color:#FFF;
		border-radius:0;
}
.title .dropdown-item:hover{
	border:none;
	background:#f9e7a0;
		border-radius:0;
}
.iconsection{
	text-align:center;
	background:url(../images/divider.jpg) no-repeat right top;
	padding-right:7px;
	display:inline-block;
	color:#485ead;
	font-size:13px;
}
.iconsection ul{
	padding:0;
	margin:0;
	vertical-align:top;
}
.iconsection ul li{
	list-style:none;
	display:inline-block;
}
.form-group{
	padding:0px 20px;
}

.homecontainer .card-text{
	font-size:12px;
}
.homecontainer .card a{
	text-decoration:none;
	color:#000;
}
ul.homerightsidebar{
	right:0;
	width:auto;
	position:absolute;
	top:165px;
	list-style:none;
	z-index:2;
}

#newprojectModal .form-group{
    margin-bottom:1rem;
    padding:0 20px;
}
#newprojectModal label{
    margin-bottom: 0.5rem;
}

#notes_modal_body{
    min-width: 500px;
}

#noteText{
    min-height: 200px;
}
.youtube-links{
    position:relative;
    display:block;
    padding:10px 40px 10px 15px;
    text-decoration: none;
    color:#000;
    font-size:18px;
}
.youtube-links:hover{
    color:#000;
    text-decoration:underline;
}
.youtube-links:after{
    position: absolute;
    content:"\f03d";
    font-family: 'Font Awesome 5 Free';
    font-size: 18px;
    font-weight: 900;
    right:12px;
    color:#e73838;
}
.youtube-links-items{
    border-radius:5px;
    transition:all 0.5s ease;
}
#search_input{
    outline: none;
    box-shadow: none;
    width: 500px;
    border-radius:5px 5px 0 0;
    border: 1px solid #ced4da;
    border-bottom: none;
}
#search_input:focus{
    border: 1px solid #ced4da;
    border-bottom: none;
}
#elastic_search_result{
    position: absolute;
    background: #fff;
    top: 100%;
    right:0;
    width:100%;
    max-height:500px;
    overflow-y: scroll;
    border-radius:0 0 5px 5px;
    border: 1px solid #ced4da;
    border-top: none;
    z-index:999;
    display:none;
}
.search_result_row ul li,
.search_result_row p {
    font-size: 12px;
}
.detail-type{
    cursor: pointer;
}
.detail-type:hover {
    background: yellow;
}
#searchDetailModal label{
    color: #0f5680;
}
#modalDetailContainer label{
    font-size: 14px;
    border-bottom: 1px solid #dee2e6;
}
#modalDetailImage{
    width: 100%;
    height: 200px;
    object-fit: contain;
}
table{
    border-collapse: collapse;
}
.table-style{
    font-size: 14px;
}
.table-style select{
    font-size: 14px;
}
.loading_inner_searchModal{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 998;
}
.loading_inner_searchModal img{
    position: absolute;
    left: 50%;
    bottom: 20%;
    width: 100px;
    transform: translate(-50%, -50%);
    z-index: 999;
}
.loading{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index:1000;
    transform: translate(-50%,-50%);
    display:none;
}
.search_close_icon{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
    display: none;
    z-index: 999;
}
.search_close_icon:hover {
    background: #fff;
    color: red;
}
.search_result_row:hover {
    background: rgb(227, 224, 224);
}