/*@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');*/

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-MediumItalic.eot');
    src: local('../fonts/Roboto/Roboto Medium Italic'), local('../fonts/Roboto/Roboto-MediumItalic'),
        url('../fonts/Roboto/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto/Roboto-MediumItalic.woff') format('woff'),
        url('../fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Italic.eot');
    src: local('../fonts/Roboto/Roboto Italic'), local('../fonts/Roboto/Roboto-Italic'),
        url('../fonts/Roboto/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto/Roboto-Italic.woff') format('woff'),
        url('../fonts/Roboto/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Bold.eot');
    src: local('../fonts/Roboto/Roboto Bold'), local('../fonts/Roboto/Roboto-Bold'),
        url('../fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto/Roboto-Bold.woff') format('woff'),
        url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Regular.eot');
    src: local('../fonts/Roboto/Roboto'), local('../fonts/Roboto/Roboto-Regular'),
        url('../fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Medium.eot');
    src: local('../fonts/Roboto/Roboto Medium'), local('../fonts/Roboto/Roboto-Medium'),
        url('../fonts/Roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto/Roboto-Medium.woff') format('woff'),
        url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-BoldItalic.eot');
    src: local('../fonts/Roboto/Roboto Bold Italic'), local('../fonts/Roboto/Roboto-BoldItalic'),
        url('../fonts/Roboto/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto/Roboto-BoldItalic.woff') format('woff'),
        url('../fonts/Roboto/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-ThinItalic.eot');
    src: local('../fonts/Roboto/Roboto Thin Italic'), local('../fonts/Roboto/Roboto-ThinItalic'),
        url('../fonts/Roboto/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto/Roboto-ThinItalic.woff') format('woff'),
        url('../fonts/Roboto/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Black.eot');
    src: local('../fonts/Roboto/Roboto Black'), local('../fonts/Roboto/Roboto-Black'),
        url('../fonts/Roboto/Roboto-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto/Roboto-Black.woff') format('woff'),
        url('../fonts/Roboto/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Light.eot');
    src: local('../fonts/Roboto/Roboto Light'), local('../fonts/Roboto/Roboto-Light'),
        url('../fonts/Roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-LightItalic.eot');
    src: local('../fonts/Roboto/Roboto Light Italic'), local('../fonts/Roboto/Roboto-LightItalic'),
        url('../fonts/Roboto/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto/Roboto-LightItalic.woff') format('woff'),
        url('../fonts/Roboto/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-BlackItalic.eot');
    src: local('../fonts/Roboto/Roboto Black Italic'), local('../fonts/Roboto/Roboto-BlackItalic'),
        url('../fonts/Roboto/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto/Roboto-BlackItalic.woff') format('woff'),
        url('../fonts/Roboto/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto-Thin.eot');
    src: local('../fonts/Roboto/Roboto Thin'), local('../fonts/Roboto/Roboto-Thin'),
        url('../fonts/Roboto/Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto/Roboto-Thin.woff') format('woff'),
        url('../fonts/Roboto/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}


html,
body {
    height: 100%;
    background:transparent url(../img/bg.jpg) center center repeat;
    font-family: 'Roboto', sans-serif;
}
a{
	color:#5e89a8;
}

.btn-primary {
    color: #fff;
      background-color: #FC5170;
    border-color: #FC5170;
	
}

.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: #80BCE6;
    border-color: #80BCE6;
}
.btn-primary:hover {
	  color: #fff;
	background-color: #80BCE6;
	  border-color: #80BCE6;
}

.nav-pills > li.active > a, 
.nav-pills > li.active > a:hover, 
.nav-pills > li.active > a:focus{
		background-color: #80BCE6;
	  border-color: #80BCE6;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
/*     display: flex;
justify-content: center; */
}

.breadcrumb {
    background: #80BCE6;
    color: #fff;
}
.breadcrumb li,
.breadcrumb li a,
.breadcrumb > li + li:before,
.breadcrumb > .active{
	color:#fff;
}
.navbar-inverse{
	background: rgba(255, 255, 255, 0.89);
    border-bottom: 1px solid #e3cc91;
	padding: 10px 0;
}

.navbar-header .logo{
	max-width:180px;
	display:inline-block;
}

.navbar-header .logo img{
	max-width:100%;
}

.wrap > .container {
    padding: 100px 15px 20px;
}

.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .btn-link{
	color:#000;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.nav > li > form > button.logout:focus, 
.nav > li > form > button.logout:hover{
	color:#000;
	text-decoration:underline;
}

.footer {
    height: 60px;
    background: transparent;
    border-top: 2px dotted #E4CE94;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

.panel-default{
	background:transparent;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}
.panel-default > .panel-heading{
	background:#fefaee;
}
.panel-default > .panel-heading,
.panel{
	border-color:#e3cc91;
}

.btn-success {
    color: #fff;
    background-color: #AED234;
    border-color: #AED234;
}

.new-request-wrap{
    text-align: center;
}
.new-request-wrap .new-request{
    margin-top: 10px;
    display: none;
}

.new-request-wrap button{
    margin-top: 10px;
}

.new-request-wrap-edit-form{
    text-align: left;
    margin-bottom: 20px;
}

@media (min-width: 1600px){
	.container {
	    width: 1570px;
	}
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.btn-sm, 
.btn-group-sm > .btn{
	padding: 0px 5px;
}

.wrp-files{
	padding:10px;
	border:1px solid #ccc;
	margin-bottom:20px;
	border-radius:6px;
	background: rgba(255, 255, 255, 0.5);
}

img{
	display:inline-block;
}

div.main-message-container{
	position:relative;
}
div.main-message-container .row,
div.main-message-container .col-md-9{
	position:static;
}
#pjaxMsgUploadForm{
	display:none;
}
.wrap-msg-upload-form{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(255,255,255,0.9);
	z-index:20;
	display: flex;
	align-items: center;
	justify-content: center;
	
}


#pjaxMsgUploadForm .form-group{
	margin: 0;
}

#pjaxMsgUploadForm .form-group #msgupload-to_uid{
	padding:0;
	margin:0;
	height:auto;
}

#pjaxMsgUploadForm .field-msgupload-to_uid,
#pjaxMsgUploadForm .field-msgupload-uploadfile label{
	display:none;
}

#pjaxMsgUploadForm .field-msgupload-uploadfile{
	float:left;
}
#msgUploadForm{
	border: 1px solid #ccc;
	padding: 5px;
}

#msgUploadForm #msgupload-uploadfile{
	line-height:32px;
}
#msgUploadForm .help-block{
	margin:0;
}

.chat-btn-send-file{
	float: left;
    width: 10%;
    text-align: center;
    display: none;
    height: 62px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.message-form{
	float:left;
	width:90%;
}

.create-message{
	display:none;
}

.create-message:before,
.create-message:after{
	content:'';
	display:table;
	width:100%;
	clear:both;
}






.wrp-files h3{
    min-height: 55px;
}