@charset "utf-8";
/* CSS Document */
@media all{

.user-main{float:left; width:100%; margin-bottom:40px; background:#F9F9F9; padding:50px 50px 20px 50px; border-radius:10px; box-shadow: 0px 10px 10px #d0d0d099;}
.user-main:after{ content:''; width:200px; height:3px;}

.main-hd{margin-bottom:20px; float:left; width:100%;}
.main-hd h2{font-size: 20px;color:#4D4D4F;font-weight:normal;float:left;}
.add-note{float:right;font-size: 16px;color:#153472;}
.add-note img{ margin-right:10px;}

.usre-info{float:left; width:100%; border-radius:8px; padding:15px; background:#ffffff; box-shadow: 0px 0px 25px #DCDDDEA6; transition:all 1s ease; margin-bottom:30px;}
.usre-info:hover{box-shadow: 0px 10px 20px #A7A9AC99;}
.usre-info span{float:left; width:100%; text-align:right; margin-bottom:10px;}
.usre-info h3{float:left;width:100%;font-size: 18px;color:#4D4D4F;margin-bottom:5px;}
.usre-info h2{float:left;width:100%;font-size: 24px;margin-bottom:8px;font-weight:bold;}
.usre-info p{font-size:14px; color:#A7A9AC}

h2.red-clr{color:#EC1313}
h2.green-clr{color:#BDD63B}

.chart-box{float:left; width:100%; background:#F7F7F7; box-shadow: 0px 0px 25px #DCDDDEA6; border-radius:8px; padding:15px;}
.grid-box{float:left; width:100%; background:#ffffff; box-shadow: 0px 0px 25px #DCDDDEA6; border-radius:8px; padding:15px;}

.devider{ float:left; width:150px; height:3px; background:#4D4D4F; margin:10px 0px 0px 0px;}

.grid-title{float:left; width:100%; padding:10px 0px;}
.grid-title h2{ float:left; font-size:20px; color:#4D4D4F}
.bookmark-icon{float:right;}
object {
  pointer-events: none;
  max-height: 30px;
}
.grid-layout table th{font-weight:normal !important;color:#4D4D4F !important;}
.grid-layout table tbody tr td{color:#4D4D4F !important;border-left:solid 2px #e1e2e3 !important;padding-top: 1rem !important;padding-bottom: 1rem !important;}
.grid-layout table tbody tr td:first-child{ border:0px !important;}

.grid-layout table tbody tr td{background:#f6f6f7 !important;}

.grid-layout table tbody tr td:first-child{border-radius:10px 0px 0px 10px !important;}
.grid-layout table tbody tr td:last-child{border-radius:0px 10px 10px 0px !important;}

.grid-layout table tbody tr:nth-child( even ) td{background:#eff0f0 !important;}

.grid-layout table tbody tr:first-child td:first-child { border-top-left-radius: 10px; }
.grid-layout table tbody tr:first-child td:last-child { border-top-right-radius: 10px; }
.grid-layout table tbody tr:last-child td:first-child { border-bottom-left-radius: 10px; }
.grid-layout table tbody tr:last-child td:last-child { border-bottom-right-radius: 10px; }



.top-filter{float:left;width:100%;padding: 0px 0px;}
.filter-right{float:left; width:100%; text-align:right;}
.filter-right .radio-btn{ margin-left:15px;}

.searc-panel{float:left;width:100%;max-width: 380px;background:#153472;border-radius:51px;padding: 5px 10px 5px 10px;}
.searc-panel .form-control{border:0px;color:#ffffff;font-size: 16px;float:left;width:calc(100% - 40px);background:#153472;padding-top:0px;}
.searc-panel .searc-btn{ background:url(../img/images/user_search.svg) no-repeat center top; float:left; width:30px;     background-size: contain; text-indent:-9999px; border:0px; cursor:pointer; margin-top:7px;}
input:focus{box-shadow: 0 0 0 0rem rgba(0,123,255,.25)!important; outline:0;}

.searc-panel .input-container input::-webkit-input-placeholder{color:#ffffff;}
.searc-panel .input-container input:-ms-input-placeholder{color:#ffffff;}
.searc-panel .input-container input::placeholder {color:#ffffff;}

.autocomplete-container {box-shadow: 0 0px 0px 0 rgba(0,0,0,0), 0 1px 1px 0 rgba(0,0,0,0), 0 2px 1px -1px rgba(0,0,0,0)!important;}

.autocomplete-container .input-container input{margin-bottom: 3px;}

.related-tag{float:left; width:150%; margin:10px 0px 0px 0px; padding:0px; list-style:none;}
.related-tag li{float:left;position:relative;margin-right: 10px;margin-bottom:5px;}
.related-tag li a.tag-link{float:left;border-radius:50px;background:#93C2E8;font-size: 16px;color:#FFFFFF;padding: 5px 50px 5px 20px;line-height:27px;}
.related-tag li a.tag-link img{float:left;max-width: 25px;margin-top:2px;margin-right:10px;}
.related-tag li a.tag-link:hover{ text-decoration:none;font-size: 16px;color: #FFFFFF; background:#86b7de;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}

.close-tag{position:absolute;width: 20px;height: 20px;background:#153472;border-radius:50%;text-align:center;right: 15px;top: 8px;display: flex;align-items: center;justify-content: center;}
.close-tag img{max-width:20px;}

.radio-btn{display:inline-block;position: relative;padding-left:30px;cursor: pointer;font-size: 16px;margin-bottom:0px;color:#153472;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;line-height:23px;}
.radio-btn input {position: absolute; opacity: 0; cursor: pointer;}
.radio-btn .checkmark {position: absolute; top: 0; left: 0; height:23px; width:23px; background-color: #ffffff; border:solid 2px #153472; border-radius: 50%;}
.radio-btn input:checked ~ .checkmark {background-color: #ffffff; border:solid 2px #153472;}
.radio-btn .checkmark:after {content: ""; position: absolute; display: none;}
.radio-btn input:checked ~ .checkmark:after {display: block;}
.radio-btn .checkmark:after {top: 2px; left: 2px; width: 15px; height: 15px; border-radius: 50%; background:#153472;}

.top-title{float:left; width:100%; margin:15px 0px;}
.top-title a{font-size: 16px;color:#153472;font-weight:bold;text-decoration:underline;}

.tooltip-body-item-value{display: none !important;}
}

@media all and (max-width:1540px){
	.usre-info, .chart-box{margin-bottom:15px;}
	.user-main{padding: 10px 30px;}
}

@media all and (max-width:767px){
	.top-filter {padding: 20px 0px;}
	.grid-layout table th,
	.grid-layout table tbody tr td{font-size:16px;}
	.user-main{ padding:15px;}
	.main-hd {margin-bottom: 10px;}
	.related-tag li{margin-right:10px;}
	.related-tag li a.tag-link{font-size:16px;padding: 10px 50px 10px 20px;line-height: 23px;}
	.related-tag li a.tag-link img{max-width:25px;}
	.close-tag{right:15px;}

	.filter-right{text-align:left; margin-top:15px;}
	.filter-right .radio-btn {margin-left: 0px; margin-right: 15px;}

    .sub-nav li a img {
        max-width: 14px;
    }

  }