﻿
@font-face {
	font-family: 'SEGOEUIL';
    	src: url('Font/SEGOEUIL.eot');
	    src: url('Font/SEGOEUIL.ttf') format('truetype');
    }
@font-face{ 
    font-family: SEGOEUIL_IE; src: url('Font/SEGOEUIL.eot'); 
}

/*.sego {
    font-family: 'SEGOEUIL', SEGOEUIL_IE;
}*/

body.cke_show_borders p {
	font-family: 'SEGOEUIL', SEGOEUIL_IE;
    font-size: 30px;
}

.fontsforweb_fontid_1409 {
	font-family: 'SEGOEUIL', SEGOEUIL_IE !important;
}

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    /*font-family: 'SEGOEUIL', SEGOEUIL_IE;*/
}

#container {
    width: 100%;
    clear: both;
    position: absolute;
    /* This is here so the the blue bar fits under the top menu properly  */
    /*top: 45px;*/
    top:10px;
    min-width: 750px;
    display: block;
    overflow: hidden;
}
.tdcolff
{
  padding-right: 50px;
  padding-bottom: 5px;
}


/* New BootStrap DESIGN Classes for people / product moving forward */
.navbar-brand{padding:10px 15px;}
.section-header
{
    margin:54px 0 30px 0;
    background-color:  #22b4e1;
    padding-left: 15px; 
    padding-right: 15px;
}
.section-header h1 {
    font-family: 'SEGOEUIL', SEGOEUIL_IE;
    color: white;
}
.section-header h1 a:visited {
    font-family: 'SEGOEUIL', SEGOEUIL_IE;
    color: white;
}
.section-header h1 a {
    font-family: 'SEGOEUIL', SEGOEUIL_IE;
    color: white;
}

.contentpanel {
    padding-left: 15px; 
    padding-right: 15px;
}

label
{
    font-weight: normal;
}

.content-label
{
    font-weight: normal;
    display: block;
}

.bold, .view-label, .edit-label {
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}


.paddingtop {
    padding-top: 5px;
}

/* END - New Bootsrap modules */

/*  show / hide morte text*/
div.text-container {
    margin: 0 auto;
}

.hideContent {
    overflow: hidden;
    line-height: 1em;
    height: 23em;
}

.showContent{
    height: auto;
}
/* END show / hide morte text*/


h1 {
    font-size: 24px;        
}
p {
    padding: 10px 0;
}
.show-more {
    padding: 10px 0;
    text-align: center;
}




.PersonHeader
{
    background-color:  #22b4e1;
    margin-top: -20px; 
    margin-bottom: -20px;
}

.PersonHeader h1{
    color: white;
}

.PersonHeader small{
    color: white;
    margin-left: 5px;
}

.PersonHeader .page-header 
{
    padding-left: 20px; 
    padding-right: 20px; 
    padding-top: 10px;
}

.nounderline a
{
    text-decoration: none;
}
.wrap {
    height: 100%;
}
.row
{

}
.container
{
    padding-bottom: 150px;
}
.divhomeleft {
      background-color: #5882FA;
      height: 120%;
      width: 30%;
      margin-top: -80px;
      padding: 20px;
}
.divhomeleft a {
     text-decoration:none;
}
.nav-tabs li.active a
{
    
}
.submenu
{
    background-color: buttonface;
    width: 100%;
    height: 37px;
    margin-top: -10px;
    border-bottom: 1px solid #ddd;
    list-style: none;

}
.submenu ul
{
     list-style: none;
     margin-left: -30px;
}

    .divhomeleft h1 {
         font-family: 'SEGOEUIL', SEGOEUIL_IE;
         color: white;
         font-weight: 100;
         font-size: 30px;
         line-height: 30px;
         margin-left: 10px;
    }
        .divhomeleft h3 {
         font-family: 'SEGOEUIL', SEGOEUIL_IE;
         color: white;
         font-weight: 100;
         font-size: 20px;
          line-height: 20px;
          margin-left: 10px;
    }
.RecentPeopleName {
      font-family: 'SEGOEUIL', SEGOEUIL_IE;
         color: white;
         font-weight: 300;
         font-size: 18px;
          line-height: 20px;
}
.RecentPeopleAddress {
        font-family: 'SEGOEUIL', SEGOEUIL_IE;
         color: white;
         font-weight: 300;
         font-size: 15px;
          line-height: 20px;
}
.divhomeright {
}

table {

}

table tr
{

}

    table td {
        text-overflow: clip;
text-overflow: ellipsis;
text-overflow: "…";
    }

.PopupSearchTextBox {
    padding: 5px;
    width: 100%;
    margin-top: 10px;
    min-width: 300px;
    display: block;
}
.SmallHeader1
{
     white-space: nowrap;
  width: 100%;                   
  overflow: hidden;
    text-overflow: clip;
text-overflow: ellipsis;
text-overflow: "…";
}

.blue {
    color: blue;
}

.white {
    color: #fff;
}
.txtExpand
{
overflow: hidden; word-wrap: break-word; resize: horizontal; height: 96px;
}
.input-group-addon {
    /* Ian Jowett - No idea what this is for, but it makes all the datepickers stupidely massive, so removed. */
    /*min-width:150px;
    text-align:left;
    margin-bottom: 5px;*/
}
.edit-label-ff
{
    min-width: 300px; 
}
 #RAD_SPLITTER_ctl00_MainContent_RadSplitter1
{
    margin-top: 15px;
        width: 100%;
}
    #RadSplitter2
{
    margin-top: 15px;
    width: 100%;
}


#person_breadcrumb {
    list-style: none;
    border-radius: 4px;
}

.navbar-default .navbar-nav > li > a {
    padding: 10px;
}

#tabPeopleMenu {
    margin-bottom: 5px;
}

.breadcrumb {
    background-color: #22b4e1;
    color: #fff;
    padding: 10px 7px 10px 7px;
     margin-bottom: 0px; 
     margin-top:7px; 
    border-radius: 0;
}
.breadcrumb li {font-size: 14px; color: #fff}
.breadcrumb a {color: #fff;}
.breadcrumb a:hover {color: rgba(151, 154, 156, 1);}
.breadcrumb>.active {color: rgba(148, 150, 148, 1);}
.breadcrumb > li + li:before 
{
/*color: rgba(204, 204, 204, 1); 
content: "\203A\00a0";*/
color:transparent;
background-image: url('../Images/message-new.jpg');
background-repeat:no-repeat;
background-position:center;
}

#MainContent_contentpanel
{
    min-height: 1500px;
}

.border-danger{
        border: 1px solid red;
    }
    .border-success{
        border: 1px solid green;
    }

      .acblue{
        color: #21b5e3;
    }

.content-detail-section label {
    font-weight: bold;
    padding-left: 10px;
}
.date-received-heading {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    display:block;
}

@media only screen and (min-width: 767px) and (max-width: 768px) {
    .section-header {
        margin-top: 100px;
    }
}

/*.Preloader-2 {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../Images/Preloader_2.gif') center no-repeat #fff;

}*/
.img-height img {
    height: 45px !important;
    width: auto !important;
}

.search-field{border-radius:20px; width:12vw !important;}

.Sicon 
{
background:none;
border: 0;
box-shadow: none;
position: absolute;
margin: 0 0 0 -35px;
color: #333;
}

.Sicon:hover{background:none; color: #333;box-shadow: none;}

.Sicon input{position: absolute; background: transparent; border: 0; box-shadow:none;}

.search-postion{position:absolute; right:100px; padding:8px 0 0 0;}

.navbar-nav > li {
    font-size: 14px;
    /*font-weight: 700;*/
}

.navbar-nav > li i{padding:15px 10px;}

.navbar-default{background:#fff; border:0; box-shadow:none;}
.name-icon {
    border: 1px solid #ccc;
    background: #f6f6f6;
    border-radius: 30px;
    padding:5px 10px !important;
    margin:15px 0 0 0;
}

.mt-20{margin-top:20px !important;}

.mt-15{margin-top:15px !important;}

@media (min-width: 768px)
{
    .navbar-nav.navbar-right:last-child {
        margin-right:0px !important;
    }
}
ol label{margin:0;}

.far {
    font-family: 'Font Awesome 5 Pro' !important;
    font-weight: 400;
}

.name-icon-d {
    border: 1px solid #ccc;
    background: #f6f6f6;
    border-radius: 30px;
    padding: 9px 12px !important;
    margin: 20px 0 0 0;
font-size:16px;
}
.top-margin-15 {
    margin-top: 15px;
}
.mb-25 {
    margin-bottom:25px;
}
.mt-25 {
    margin-top: 25px;
}
.pt-0{padding-top:0 !important;}

.no-shadow {
    box-shadow: none !important;
}

.min-height700{min-height:700px;}

.form-inline{margin-top:8px;}

.top-margin-10{margin-top:10px !important;}

.container-fluid{border-bottom:1px solid #ececec;}

/*#MainContent_leftpanel{margin-top:25px;}*/


.font-size-bm li a {
    font-size: 15px !important;
    padding-top: 15px !important;
}

.navbar-brand-bt {
    padding: 7px 15px 0 15px;
}

.box-shadow-bt {
    box-shadow: 0px -2px 10px #d7d7d7;
}
footer {
    bottom: 0;
    color: #54667a;
    left: 0px;
    text-align: center;
    padding: 0;
    position: fixed;
    right: 0;
    border-top: 1px solid rgba(120, 130, 140, 0.13);
    background: #ffffff;
}
footer a{color:#777 !important;}