h1, h2, h3, h4, h5, h6
{font-family: Roboto !important;}
body
{font-family: Roboto !important;}
::selection { background: yellow; }
#navbar-two{clear: both;background-color: #B41E1E;padding: 0.75em;text-align: center;}
#nv_page .page-header {padding-bottom: 0px;}

/* Login Page */
.loginmodal-container{
	padding: 30px;
    max-width: 550px;
    width: 100% !important;
    margin: 0 auto;
    border-radius: 2px;
    overflow: hidden;}
.register_border.panel-body{padding: 20px;} 

#loginForm .color_change{color: #B41E1E;}
.error_message{padding-left: 14px;}
.forgetPwd a:hover{color: #db2828;}
.forgetPwd a{color: #B41E1E;}

/*footer*/
#footer{width: 100%;overflow: hidden;background:#222222;color: #fff;line-height: 18px;padding-bottom: 15px;}
.copy-right{text-align: center;}
.footer-content{padding: 20px 45px 0px;}
.social-icons .row {position: relative;padding: 14px 0 12px;}
.social-icons .social-set{border-bottom: 1px solid #fff;}
.social-box {margin: 0 auto;text-align: center;}

/* footer social icons */
ul.social-network {list-style: none;display: inline;margin-left:0 !important;padding: 0;}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}
/* footer social icons */
.social-network a.icoRss:hover {background-color: #F56505;}
.social-network a.icoFacebook:hover {background-color:#3B5998;}
.social-network a.icoTwitter:hover {background-color:#33ccff;}
.social-network a.icoGoogle:hover {background-color:#BD3518;}
.social-network a.icoVimeo:hover {background-color:#0590B8;}
.social-network a.icoLinkedin:hover {background-color:#007bb7;}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {color:#fff;}
a.socialIcon:hover, .socialHoverClass {color:#44BCDD;}
.social-circle li a {display:inline-block;position:relative;margin:0 auto 0 auto;-moz-border-radius:50%;
-webkit-border-radius:50%;border-radius:50%;text-align:center;width: 45px;height: 45px;font-size:20px;background-color: #B41E1E;}
.social-circle li i {margin:0;line-height:50px;text-align: center;}
.social-circle li a:hover i, .triggeredHover {-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms--transform: rotate(360deg);transform: rotate(360deg);-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;-ms-transition: all 0.2s;transition: all 0.2s;}
.social-circle i {color: #fff;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-o-transition: all 0.8s;-ms-transition: all 0.8s;transition: all 0.8s;}

/*Manage User Page*/
.userhead{background-color: #B41E1E;}
.updatehead{background-color: #B41E1E;color: #fff;}
.button-style{border-radius: 4px;background-color: #B41E1E!important;border-color: #841b1b!important;}
.user-Form-title{padding: 5px;border: 1px solid #ddd;box-shadow: 0px 0px 5px #888888;text-align: center;
   background: linear-gradient(180deg, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);}
.create_title{border: 1px solid #ddd;margin: 10px;max-height: calc(100vh - 210px);
overflow-y: auto;}
/*.create_border{border: 1px solid #ddd;margin: 10px;padding: 10px;}*/
.viewTable .ui.pagination.menu .active.item{background-color: #B41E1E!important;color: #fff!important;}
.viewTable .ui.blue.table{border-top: 1px solid #D4D4D5;}
.viewTable .ui.table thead tr:first-child>th:first-child{border-radius: 0px!important;}
.viewTable .ui.table thead tr:first-child>th:last-child{border-radius: 0px!important;}
.viewTable .ui.table thead th{background: #d4d4d5;}
.viewTable .ui.attached.table{border-radius: 4px;}
.institude-head{background-color: #B41E1E;color: #ffffff;}
.create_users_style{border: 1px solid #ddd;margin-top: 15px;padding: 10px;}
.error_mandatory{margin-top: 10px;}
.search-box .ui.grid.segment{margin: 0rem 0px 0rem;}
.select_user_search{border-top: 2px solid #B41E1E;padding: 10px;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;border-radius: 4px;margin-bottom: 15px;}
.borderFocus .ui.form input[type=text]:focus{border-color: #B41E1E;}
.CreateUserButton{color: #ffffff;background-color: #B41E1E!important;border-color: #B41E1E!important;}
.custom-actions button.ui.button {padding: 8px 8px;}
.custom-actions button.ui.button > i.icon {margin: auto !important;}
.CreateUserButton:hover{color: #ffffff;background-color: #741616!important; border-color: #741616!important;}
.CreateUserButton:hover, .CreateUserButton:focus, .CreateUserButton.focus{color: #ffffff;background-color: #741616!important; border-color: #741616!important;}
::selection{background-color: #ef7645!important;} 
.CreateUserButton:active.focus{color: #ffffff;background-color: #741616!important; border-color: #741616!important;}
.form-control{font-size: 14px;}
.ButtonCreate .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus{background-color: #741616!important; border-color: #741616!important;}
/* vue table */
.vuetable-th-component-id{width: 100px;} 
.ui.pagination.menu{margin-top: 15px!important;}

/* dob */
.dob_width .vdp-datepicker input{width: 100%;height: 39px;padding: 8px 12px;border: 1px solid #cccccc;}

@media only screen and (max-width: 991px) and (min-width: 768px){
.ui.container {width: 100%!important;}
}

/*create EC*/
.error_span{color:#B41E1E;}
#createnewEC .help.is-danger {color: #B41E1E;}
#createnewEC .fa-warning:before, .fa-exclamation-triangle:before{color: #B41E1E;}
.footer_line{border-top: none;}

/*UserEmail*/
.userpanel-head{background-color: #B41E1E!important;color: #ffffff!important;border-radius: 4px;}
.panel_border{border-radius: 4px!important;}
#accordion a:hover, a:focus{color: #ffffff;text-decoration: none!important;}
.panel-Scroll-records{max-height: calc(100vh - 210px);overflow-y: auto;}
.SendMail_border{border-radius: 4px!important;border: 1px solid #B41E1E;padding: 20px;
outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #b41e1e;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #db2828a6;}
#email-Form .help.is-danger{color: #B41E1E;}
#email-Form .fa-warning:before, .fa-exclamation-triangle:before{color: #B41E1E;}
.display_items{margin-bottom: 10px;}

/* Register */
.register_head{background-color: #B41E1E!important;color: #fff!important;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.register_border{border-radius: 4px!important;border-color: #B41E1E;outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #b41e1e;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #db2828a6;}
#memberInstitute .fa-warning:before, .fa-exclamation-triangle:before{color: #B41E1E;}
#memberInstitute .help.is-danger{color: #B41E1E;}
/*fund.vue*/
.body_style{margin-top: 50px;margin-bottom: 50px;}
.select_user_search .btn-primary:focus, .btn-primary.focus{color: #ffffff;background-color: #B41E1E!important;border-color: #B41E1E!important;}
.select_user_search .btn-primary:hover{color: #ffffff;background-color: #B41E1E!important;border-color: #B41E1E!important;}
#register_form fieldset{padding: 2.35em .625em .75em;}

/* grant page*/
.grant-topspace{margin-top: 30px;}
.create_grant_border{border: 1px solid;border-radius: 4px!important;border-color: #B41E1E;
    outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #b41e1e;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #db2828a6;padding: 10px;}
.add_bottom{margin-bottom: 10px;}
.grant_createTitle{margin-top: 20px;}

@media (min-width: 768px){
.navbar-right{margin-right: 0px;}
.space_bottom{margin-bottom: 8px;}
.search-box{margin-top: 10px;}
}