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

@font-face {
    font-family: 'opensans';
    src: url('../../../fonts/opensans-light-webfont.eot');
    src: url('../../../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../../../fonts/opensans-light-webfont.woff') format('woff'),
         url('../../../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../../../fonts/opensans-light-webfont.svg#opensans-light') format('svg');
    font-weight: 100;
    font-style: normal;

}

@font-face {
    font-family: 'opensans';
    src: url('../../../fonts/opensans-regular-webfont.eot');
    src: url('../../../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../../../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../../../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../../../fonts/opensans-regular-webfont.svg#opensans-regular') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'opensans';
    src: url('../../../fonts/opensans-semibold-webfont.eot');
    src: url('../../../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../../../fonts/opensans-semibold-webfont.woff') format('woff'),
         url('../../../fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('../../../fonts/opensans-semibold-webfont.svg#opensans-semibold') format('svg');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'opensans';
    src: url('../../../fonts/opensans-bold-webfont.eot');
    src: url('../../../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../../../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../../../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../../../fonts/opensans-bold-webfont.svg#opensans-bold') format('svg');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'roboto';
    src: url('../../../fonts/roboto-light-webfont.eot');
    src: url('../../../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../../../fonts/roboto-light-webfont.woff') format('woff'),
         url('../../../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../../../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: 100;
    font-style: normal;

}

@font-face {
    font-family: 'roboto';
    src: url('../../../fonts/roboto-regular-webfont.eot');
    src: url('../../../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../../../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../../../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../../../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'roboto';
    src: url('../../../fonts/roboto-medium-webfont.eot');
    src: url('../../../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../../../fonts/roboto-medium-webfont.woff') format('woff'),
         url('../../../fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('../../../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'roboto';
    src: url('../../../fonts/roboto-bold-webfont.eot');
    src: url('../../../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../../../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../../../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../../../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: 700;
    font-style: normal;

}

@font-face {
  font-family: 'gprime-icons';
  src:  url('../../../fonts/gprime-icons.eot?m8aw1x');
  src:  url('../../../fonts/gprime-icons.eot?m8aw1x#iefix') format('embedded-opentype'),
    url('../../../fonts/gprime-icons.woff2?m8aw1x') format('woff2'),
    url('../../../fonts/gprime-icons.ttf?m8aw1x') format('truetype'),
    url('../../../fonts/gprime-icons.woff?m8aw1x') format('woff'),
    url('../../../fonts/gprime-icons.svg?m8aw1x#gprime-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="gpicon-"], [class*=" gpicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'gprime-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.gpicon-practiceadditional:before {
  content: "\e90b";
}
.gpicon-practicebranch:before {
  content: "\e90c";
}
.gpicon-practiceparent:before {
  content: "\e90d";
}
.gpicon-practicesupervisor:before {
  content: "\e90e";
}

.gpicon-form-success:before {
  content: "\f00c";
}
.gpicon-form-danger:before {
  content: "\f071";
}
.gpicon-form-warning:before {
  content: "\f12a";
}
.gpicon-info:before {
  content: "\e909";
}
.gpicon-logteaching:before {
  content: "\e908";
}
.gpicon-reenrolment:before {
  content: "\e907";
}
.gpicon-practiceprofile:before {
  content: "\e905";
}
.gpicon-practicecontacts:before {
  content: "\e906";
}
.gpicon-practiceaccreditation:before {
  content: "\e904";
}
.gpicon-offerinduction:before {
  content: "\e903";
}
.gpicon-logskill:before {
  content: "\e902";
}
.gpicon-portfoliotrainee:before {
  content: "\e901";
}
.gpicon-portfoliocontact:before {
  content: "\e900";
}
.gpicon-facilities:before {
  content: "\e60c";
}
.gpicon-edit:before {
  content: "\e60f";
}
.gpicon-settings:before {
  content: "\e673";
}
.gpicon-communication:before {
  content: "\e696";
}
.gpicon-dropbox:before {
  content: "\e69d";
}
.gpicon-floppy-disk:before {
  content: "\e6ae";
}
.gpicon-printer:before {
  content: "\e6b1";
}
.gpicon-documentserver:before {
  content: "\e6b7";
}
.gpicon-copy:before {
  content: "\e6b8";
}
.gpicon-resources:before {
  content: "\e6ba";
}
.gpicon-cut:before {
  content: "\e6c7";
}
.gpicon-requirements:before {
  content: "\e6cc";
}
.gpicon-competencyassessment:before {
  content: "\e6d0";
}
.gpicon-semesters:before {
  content: "\e6da";
}
.gpicon-offertraining:before {
  content: "\e6dc";
}
.gpicon-accreditations:before {
  content: "\e6dd";
}
.gpicon-logpractice:before {
  content: "\e714";
}
.gpicon-awards:before {
  content: "\e716";
}
.gpicon-portfoliostaff:before {
  content: "\e71a";
}
.gpicon-portfoliosupervisor:before {
  content: "\e71b";
}
.gpicon-user:before {
  content: "\e71e";
}
.gpicon-groups:before {
  content: "\e722";
}
.gpicon-users:before {
  content: "\e723";
}
.gpicon-pgppp:before {
  content: "\e724";
}
.gpicon-humanresources:before {
  content: "\e726";
}
.gpicon-expense:before {
  content: "\e757";
}
.gpicon-finance:before {
  content: "\e75a";
}
.gpicon-placementportal:before {
  content: "\e77a";
}
.gpicon-placements:before {
  content: "\e77b";
}
.gpicon-leave:before {
  content: "\e787";
}
.gpicon-calendar:before {
  content: "\e789";
}
.gpicon-events:before {
  content: "\e78b";
}
.gpicon-forum:before {
  content: "\e7d7";
}
.gpicon-reporting:before {
  content: "\e7fb";
}
.gpicon-login:before {
  content: "\e912";
}
.gpicon-logout:before {
  content: "\e90a";
}
.gpicon-attachment:before {
  content: "\e917";
}
.gpicon-search:before {
  content: "\e922";
}
.gpicon-iforms:before {
  content: "\e92c";
}
.gpicon-check:before {
  content: "\e934";
}
.gpicon-close:before {
  content: "\e935";
}
.gpicon-plus:before {
  content: "\e936";
}
.gpicon-minus:before {
  content: "\e937";
}
.gpicon-chevron-up:before {
  content: "\e939";
}
.gpicon-chevron-down:before {
  content: "\e93a";
}
.gpicon-chevron-left:before {
  content: "\e93b";
}
.gpicon-chevron-right:before {
  content: "\e93c";
}
.gpicon-arrow-up:before {
  content: "\e941";
}
.gpicon-arrow-down:before {
  content: "\e942";
}
.gpicon-arrow-left:before {
  content: "\e943";
}
.gpicon-arrow-right:before {
  content: "\e944";
}
.gpicon-expand2:before {
  content: "\e94c";
}
.gpicon-contract2:before {
  content: "\e94d";
}
.gpicon-ride:before {
  content: "\e94f";
}
.gpicon-danger:before {
  content: "\e955";
}
.gpicon-warning:before {
  content: "\e956";
}
.gpicon-searchdelete:before {
  content: "\e95a";
}
.gpicon-learningplanner:before {
  content: "\e975";
}
.gpicon-chevron-left-start:before {
  content: "\e95c";
}
.gpicon-chevron-right-end:before {
  content: "\e95d";
}
.gpicon-practicecontract:before {
  content: "\e911";
}
.gpicon-tag:before {
  content: "\e755";
}
.gpicon-home-full:before {
  content: "\e95b";
}
.gpicon-lock:before {
  content: "\e66b";
}
.gpicon-unlock:before {
  content: "\e66d";
}
.gpicon-home:before {
  content: "\e602";
}
.gpicon-home6:before {
  content: "\e605";
}
.gpicon-question-circle:before {
  content: "\e957";
}
.gpicon-searchdelete:before {
  content: "\e95a";
}
.gpicon-chevron-up-circle:before {
  content: "\e962";
}
.gpicon-chevron-down-circle:before {
  content: "\e963";
}
.gpicon-chevron-left-circle:before {
  content: "\e964";
}
.gpicon-chevron-right-circle:before {
  content: "\e965";
}
.gpicon-sort-time-asc:before {
  content: "\e9bb";
}
.gpicon-sort-time-desc:before {
  content: "\e9bc";
}
.gpicon-sort-alpha-asc:before {
  content: "\e9b5";
}
.gpicon-sort-alpha-desc:before {
  content: "\e9b6";
}
.gpicon-sort-numeric-asc:before {
  content: "\e9b7";
}
.gpicon-sort-numeric-desc:before {
  content: "\e9b8";
}
.gpicon-sort-amount-asc:before {
  content: "\e9b9";
}
.gpicon-sort-amount-desc:before {
  content: "\e9ba";
}
.gpicon-strikethrough:before {
  content: "\e9a6";
}
.gpicon-text-align-left:before {
  content: "\e9a8";
}
.gpicon-text-align-center:before {
  content: "\e9a9";
}
.gpicon-text-align-right:before {
  content: "\e9aa";
}
.gpicon-text-align-justify:before {
  content: "\e9ab";
}
.gpicon-filter:before {
  content: "\e97c";
}
.gpicon-square:before {
  content: "\e98d";
}
.gpicon-plus-square:before {
  content: "\e98e";
}
.gpicon-minus-square:before {
  content: "\e98f";
}
.gpicon-prohibited:before {
  content: "\e99c";
}
.gpicon-cancel:before {
  content: "\e99c";
}
.gpicon-circle:before {
  content: "\e99d";
}
.gpicon-radio-button:before {
  content: "\e99e";
}
.gpicon-typography:before {
  content: "\e9a2";
}
.gpicon-bold:before {
  content: "\e9a3";
}
.gpicon-italic:before {
  content: "\e9a4";
}
.gpicon-underline:before {
  content: "\e9a5";
}
.gpicon-strikethrough:before {
  content: "\e9a6";
}
.gpicon-layers:before {
  content: "\e977";
}
.gpicon-funnel:before {
  content: "\e97c";
}
.gpicon-question-circle:before {
  content: "\e957";
}
.gpicon-chevrons-expand:before {
  content: "\e95e";
}
.gpicon-chevrons-contract:before {
  content: "\e95f";
}
.gpicon-loading:before {
  content: "\e8d0";
}
.gpicon-undo2:before {
  content: "\e8d8";
}
.gpicon-redo2:before {
  content: "\e8d9";
}
.gpicon-clock2:before {
  content: "\e8e7";
}
.gpicon-pulse:before {
  content: "\e7e9";
}
.gpicon-syringe:before {
  content: "\e7ea";
}
.gpicon-first-aid:before {
  content: "\e7ec";
}
.gpicon-lifebuoy:before {
  content: "\e7ed";
}
.gpicon-site-map:before {
  content: "\e883";
}
.gpicon-hourglass:before {
  content: "\e8cf";
}
.gpicon-phone:before {
  content: "\e7a5";
}
.gpicon-laptop-phone:before {
  content: "\e7ae";
}
.gpicon-power-switch:before {
  content: "\e7b8";
}
.gpicon-usb-drive:before {
  content: "\e7a4";
}
.gpicon-gift:before {
  content: "\e7ff";
}
.gpicon-diamond3:before {
  content: "\e808";
}
.gpicon-rocket:before {
  content: "\e837";
}
.gpicon-icons2:before {
  content: "\e880";
}
.gpicon-user-lock:before {
  content: "\e721";
}
.gpicon-flag1:before {
  content: "\e90f";
}
.gpicon-flag2:before {
  content: "\e910";
}
.gpicon-file-png:before {
  content: "\e913";
}
.gpicon-file-png2:before {
  content: "\e914";
}
.gpicon-file-pdf:before {
  content: "\e915";
}
.gpicon-file-pdf2:before {
  content: "\e916";
}
.gpicon-file-mp3:before {
  content: "\e918";
}
.gpicon-file-mp32:before {
  content: "\e919";
}
.gpicon-file-mp4:before {
  content: "\e91a";
}
.gpicon-file-mp42:before {
  content: "\e91b";
}
.gpicon-file-jpg:before {
  content: "\e91c";
}
.gpicon-file-jpg2:before {
  content: "\e91d";
}
.gpicon-file-html:before {
  content: "\e91e";
}
.gpicon-file-html2:before {
  content: "\e91f";
}
.gpicon-file-css:before {
  content: "\e920";
}
.gpicon-file-css2:before {
  content: "\e921";
}
.gpicon-file-bmp:before {
  content: "\e923";
}
.gpicon-file-bmp2:before {
  content: "\e924";
}
.gpicon-file-doc:before {
  content: "\e925";
}
.gpicon-file-doc2:before {
  content: "\e926";
}
.gpicon-file-xls:before {
  content: "\e928";
}
.gpicon-file-xls2:before {
  content: "\e929";
}
.gpicon-file-docx:before {
  content: "\e92d";
}
.gpicon-file-docx2:before {
  content: "\e92e";
}
.gpicon-file-ppt:before {
  content: "\e92f";
}
.gpicon-file-ppt2:before {
  content: "\e930";
}
.gpicon-file-xml:before {
  content: "\e931";
}
.gpicon-file-xml2:before {
  content: "\e932";
}
.gpicon-file-dotx:before {
  content: "\e938";
}
.gpicon-file-dotx2:before {
  content: "\e93d";
}
.gpicon-file-xlsx:before {
  content: "\e93e";
}
.gpicon-file-xlsx2:before {
  content: "\e93f";
}
.gpicon-file-pps:before {
  content: "\e940";
}
.gpicon-file-pps2:before {
  content: "\e945";
}
.gpicon-file-txt:before {
  content: "\e946";
}
.gpicon-file-txt2:before {
  content: "\e947";
}
.gpicon-file-rtf:before {
  content: "\e948";
}
.gpicon-file-rtf2:before {
  content: "\e949";
}
.gpicon-file-mpg:before {
  content: "\e94a";
}
.gpicon-file-mpg2:before {
  content: "\e94b";
}
.gpicon-file-aac:before {
  content: "\e94e";
}
.gpicon-file-aac2:before {
  content: "\e950";
}
.gpicon-file-wav:before {
  content: "\e951";
}
.gpicon-file-wav2:before {
  content: "\e952";
}
.gpicon-file-zip:before {
  content: "\e953";
}
.gpicon-file-zip2:before {
  content: "\e954";
}
.gpicon-file-gif:before {
  content: "\e958";
}
.gpicon-file-gif2:before {
  content: "\e959";
}
.gpicon-palette:before {
  content: "\e626";
}
.gpicon-shield:before {
  content: "\e667";
}
.gpicon-proceduralskillslog:before {
  content: "\e902";
}
.gpicon-chart-bars:before {
  content: "\e7fc";
}
.gpicon-pulse:before {
  content: "\e7e9";
}
.gpicon-calendar-user:before {
  content: "\e78c";
}

.page-header.navbar .menu-toggler>span, .page-header.navbar .menu-toggler>span:after, .page-header.navbar .menu-toggler>span:before, .page-header.navbar .menu-toggler>span:hover, .page-header.navbar .menu-toggler>span:hover:after, .page-header.navbar .menu-toggler>span:hover:before {
    background: #2f4f59;
}

.logo_box
{
    background:#fff;
    border-radius:4px;
    padding:20px;
    margin:10px;
}

.logo_box img {
    max-width:100%;
}



h1, h2, h3, h4, h5, h6 {
    font-family: opensans,sans-serif;
}

body
{
   font-family: roboto,sans-serif;
     background-color: #f3f3f3;
}

.page-container-bg-solid .page-content {
    background: #f3f3f3;
}

.page-header.navbar .page-logo>a {
    display: inline-block;
    float: left;
    line-height: 50px;
    font-family: opensans;
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    color: #183c47;
}

.page-sidebar-closed .page-logo>a 
{
    display:none !important;
}

.page-header.navbar .page-logo>a span {
    font-weight:100;
}

h3 {
    font-size: 18px;
    color: #183c47;
}

.well h4
{
     color: #183c47;
}

.panel-default {
    border-color: #dae0e1;
}

.panel-default>.panel-heading {
    color: #183c47;
    background-color: #dae0e1;
    border-color: #dae0e1;
}
.panel-title
{
    font-size:18px;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #e6eaeb;
    border-top: 1px solid #dae0e1;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.panel-primary
{
        border-color: #00a88f;
}

.panel-info {
    border-color: #006a9e;
}
.panel-info>.panel-heading {
    color: #fff;
    background-color: #006a9e;
    border-color: #006a9e;
}

.progress-bar-success {
    background-color: #afca0b;
}
.progress-bar-info {
    background-color: #183c47;
}

.progress-bar-warning {
    background-color: #e79c45;
}

.progress-bar-danger {
    background-color: #ea5045;
}
.progress-bar-white { background: #fff; border-top:1px solid #dae0e1;}
.progress .progress-bar-white:first-child { border-left:1px solid #dae0e1;}
.progress-bar-lightgrey  { background-color: #f3f3f3; }

.progress-bar-lightgreen, .progress-bar-primary  { background-color: #00a88f; }
.progress-bar-darkgreen  { background-color: #183c47; }
.progress-bar-grey  { background-color: #dae0e1; }
.progress-bar-darkgrey  { background-color: #333333; }




.panel-success>.panel-heading {
    color: #fff;
    background-color: #afca0b;
    border-color: #afca0b;
}

.panel-warning>.panel-heading {
    color: #fff;
    background-color: #e79c45;
    border-color: #e79c45;
}

.panel-warning
{
     border-color: #e79c45;
}

.panel-danger>.panel-heading {
    color: #fff;
    background-color: #ea5045;
    border-color: #ea5045;
}

.panel-danger
{
     border-color: #ea5045;
}

.panel-success
{
      border-color: #afca0b;
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #00a88f;
    border-color: #00a88f;
}

.page-sidebar .page-sidebar-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu
{
  font-family: opensans,sans-serif;  
}

.alert-primary {
    background-color: #00a88f;
    border-color: #00a88f;
    color: #fff;
}
.alert-danger {
    background-color: #ee736a;
    border-color: #ee736a;
    color: #fff;
}
.alert-info {
    background-color: #4c96bb;
    border-color: #4c96bb;
    color: #fff;
}
.alert-success {
    background-color: #cada66;
    border-color: #cada66;
    color: #fff;
}
.alert-warning {
    background-color: #eeb879;
    border-color: #eeb879;
    color: #fff;
}

.note
{
        padding: 0px 30px 0px 15px;
}

.note p {
    font-size: 14px;
}

.note.note-success {
    background-color: #fff;
    border-color: #afca0b;
    color: #afca0b;
}
.note.note-warning {
    background-color: #fff;
    border-color: #e79c45;
    color: #e79c45;
}
.note.note-danger {
    background-color: #fff;
    border-color: #ea5045;
    color: #ea5045;
}
.note.note-primary {
    background-color: #fff;
    border-color: #00a88f;
    color: #00a88f;
}
.note.note-info {
    background-color: #fff;
    border-color: #006a9e;
    color: #006a9e;
}


.label-default, .badge-default {
    background-color: #bbbfbf;
}
.label-primary, .badge-primary {
    background-color: #00a88f;
}
.label-info, .badge-info {
    background-color: #006a9e;
}
.label-success, .badge-success {
    background-color: #afca0b;
}
.label-warning, .badge-warning {
    background-color: #e79c45;
}
.label-danger, .badge-danger {
    background-color: #ea5045;
}

.dropdown-menu
{
    font-family: roboto,sans-serif;
}

.page-header.navbar {
    background-color: #dae0e1;
}

.panel-body p:last-child
{
    margin-bottom:0px;
}
.page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
    background-color: #f3f3f3;
}

.page-container-bg-solid .page-sidebar .page-sidebar-menu>li.active>a>.selected, .page-container-bg-solid .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a>.selected {
    border-color: transparent #fff transparent transparent;
}

.page-content-white .page-title {
    margin: 20px 0;
    font-size: 28px;
    font-family: 'opensans';
    font-weight: 100;
    color: #183c47;
}


.page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li.active.open>a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light>li.active.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light>li.active>a {
    background: #00a88f;
    border-left: 4px solid #008672;
    color: #fff;
}


.page-sidebar .page-sidebar-menu>li.active.open>a, .page-sidebar .page-sidebar-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a {
    background: #00a88f;
    border-top-color: transparent;
    color: #fff;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li.open>a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light>li:hover>a {
    background: #183c47;
    color: #fff;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li.open>a
{
    border-bottom:none;
}


.page-sidebar .page-sidebar-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a {
    border-top: 1px solid #3d4957;
    color: #183c47;
    font-family: opensans;
    font-weight: 300;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li.active.open>a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li.active>a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light>li.active.open>a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light>li.active>a:hover {
    border-left: 4px solid #2f4f59;
    background: #183c47;
}

.page-sidebar .page-sidebar-menu>li.open>a>.arrow.open:before, .page-sidebar .page-sidebar-menu>li.open>a>.arrow:before, .page-sidebar .page-sidebar-menu>li.open>a>i, .page-sidebar .page-sidebar-menu>li:hover>a>.arrow.open:before, .page-sidebar .page-sidebar-menu>li:hover>a>.arrow:before, .page-sidebar .page-sidebar-menu>li:hover>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a>.arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a>.arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a>.arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a>.arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a>i {
    color: #fff;
}

.page-container-bg-solid .page-bar .page-breadcrumb>li>i, .page-content-white .page-bar .page-breadcrumb>li>i {
    color: #aaa;
    font-size: smaller;
    margin: 0px 10px;
}

.btn.green:not(.btn-outline) {
    color: #FFF;
    background-color: #00a88f;
    border-color: #00a88f;
}

.btn.green:not(.btn-outline).active, .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline):hover, .open>.btn.green:not(.btn-outline).dropdown-toggle {
    color: #FFF;
    background-color: #4cc2b0;
    border-color: #4cc2b0;
}

.font-green-sharp {
    color: #1c3a42!important;
}

.styleimage-logo {
    max-width: 100%;
    margin-left: 40px;
    margin-top: 40px;
}

.styleimage-devices
{
        max-width: 100%;
        padding: 20px 40px 20px 20px;
}


.styleheading
{
    color: #183c47;
    font-size: 37px;
    font-weight: 100;
    font-family: 'opensans';
    margin-left: 40px
}

.styleheading span
{
    color:#00a88f;
    letter-spacing:1px;
    
}

.font-grey-cascade
{
    color:#333 !important;
}
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light>li .sub-menu {
    background: #2f4f59;
}

.page-sidebar .page-sidebar-menu .sub-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li>a
{
    color:#fff;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li .sub-menu>li.active>a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li .sub-menu>li.open>a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li .sub-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light>li .sub-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light>li .sub-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light>li .sub-menu>li:hover>a {
    background: #183c47!important;
}

.page-sidebar .page-sidebar-menu.page-sidebar-menu-light>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light>li>a {
    border: 0;
    margin: 0;
    padding-left: 11px;
    border-left: 4px solid transparent;
    border-bottom: 1px solid #fff;
}

.page-container-bg-solid .page-title small, .page-content-white .page-title small {
    color: #bbbfbf;
}

.page-title i {
    margin-right: 10px;
}

label {
    font-family: opensans;
    color: #183c47;
}

a {
    color: #00a88f;
    text-decoration: underline;
    font-weight: 300;
}

a:hover {
    color: #008672;
}

.page-bar .page-breadcrumb>li>a, .page-bar .page-breadcrumb>li>span
{
    text-decoration: none;
    font-weight: 300;
    font-family:opensans, sans-serif;
}

.portlet.light>.portlet-title>.caption>.caption-subject {
    font-size: 18px;
    font-family: opensans;
    color: #00a88f;
    font-weight: 300;
}

.btn.btn-outline.dark {
    border-color: #183c47;
    color: #183c47;
    background: 0 0;
    text-decoration: none;
}

.form-control
{
    font-weight:100;
    font-size:500;
}

.page-container-bg-solid .page-bar .page-breadcrumb>li>a, .page-content-white .page-bar .page-breadcrumb>li>a
{
     color: #00a88f;
        font-weight: 500;
}

.icheck-colors > li
{
    height:40px;
    width:40px;
    opacity:1;
}
.icheck-colors>li.active {
    height: 48px;
    opacity:1;
}

.toast-success { background-color:#afca0b }
.toast-info { background-color:#006a9e }
.toast-warning { background-color:#e79c45 }
.toast-danger { background-color:#ea5045 }

.icheck-colors>li.dark-green { background:#183c47; }
.icheck-colors>li.light-green { background:#00a88f; }
.icheck-colors>li.info { background:#006a9e; }
.icheck-colors>li.success { background:#afca0b; }
.icheck-colors>li.warning { background:#e79c45; }
.icheck-colors>li.danger { background:#ea5045; }

.icheck-list>label, .icheck-inline>label {
    cursor:pointer;
    font-family: roboto;
    font-weight: 100;
}

.icheck-colors
{
    min-height:48px;
}

.bootstrap-select .btn {
    border-color: #dae0e1;
}

textarea.form-control {
    resize:none;
}

.portlet .portlet-body
{
        font-weight: 100;
    font-size: 14px;
}

.btn-default.active, .btn-default:active, .btn-default:hover, .open>.btn-default.dropdown-toggle {
   
    background-color: #dae0e1;
    border-color: #dae0e1;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option
{
    font-weight:100;
}

.dropdown-menu>li>a
{
    font-weight:100;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.btn-default.dropdown-toggle.focus, .open>.btn-default.dropdown-toggle:focus, .open>.btn-default.dropdown-toggle:hover
{
        background-color: #dae0e1;
    border-color: #bbbfbf;
}


.input-group-addon>i {
    color: #bbbfbf;
}

.input-group-addon {
    background-color: #e6eaeb;
    border: 1px solid #dae0e1;
}

.form-control
{
    border: 1px solid #dae0e1;
}
.form-control:focus {
    border-color: #bbbfbf;
}

.ms-container .ms-selectable, .ms-container .ms-selection
{
    font-weight:100;
}

.ms-container
{
    width:100%;
    background:none;
}

.multiselectput-arrow:after
{
    content: "\e94f";
    font-family: 'gprime-icons';
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 24px;
    font-weight: 100;
    color: #bbbfbf;
    margin-left: -12px;
    margin-top: -12px;
}

.jquery-notific8-message, .ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection
{
    font-size:14px !important;;
}

.noUi-handle {
    border-radius: 50%;
}


.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 34px;
    left: -17px;
   top: -14px;
}

.noUi-handle:after, .noUi-handle:before 
{
    top:9px;
}

.noUi-horizontal {
    height: 10px;
    cursor:pointer;
}


.noui-connect .connect
{
    background: #00a88f;
}
.noUi-darkgreen .noUi-connect {
    background: #183c47;
}
.noUi-lightgreen .noUi-connect {
    background: #00a88f;
}
.noUi-danger .noUi-connect {
    background: #ea5045;
}

.noUi-success .noUi-connect {
    background: #afca0b;
}
.noUi-info .noUi-connect {
    background: #006a9e;
}
.noUi-warning .noUi-connect {
    background: #e79c45;
}

.well
{
        background-color: #f3f3f3;
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label
{
    color:#94ac09;
}
.has-success .form-control
{
        border-color: #afca0b;
}
.has-success .form-control:focus
{
        border-color: #94ac09;
}
.has-success .input-icon>i {
    color: #cada66;
}


.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label
{
    color:#bb4037;
}
.has-error .form-control {
    border-color: #ea5045;
}
.has-error .form-control:focus {
    border-color: #bb4037;
}
.has-error .input-icon>i {
    color: #ee736a;
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .form-control-feedback, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
    color: #e38c26;
}
.has-warning .form-control {
    border-color: #e79c45;
}
.has-warning .form-control:focus {
    border-color: #e79c45;
}
.has-warning .input-icon>i {
    color: #eeb879;
}

.table thead tr th
{
    font-family:opensans;
    font-weight:300;
    color:#183c47;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
{
    font-weight:100;
}

.fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner
{
    background:#e6eaeb;
    
}

.fixed-table-container tbody td .th-inner, .fixed-table-container thead th .th-inner {
    font-weight:300;
}

.bootstrap-table .table>thead>tr>th
{
        border-bottom: 1px solid #e6eaeb;
}


.mt-checkbox:hover>input:not([disabled]):checked~span, .mt-checkbox>input:checked~span, .mt-radio:hover>input:not([disabled]):checked~span, .mt-radio>input:checked~span
{
        background: #00a88f;
        border-radius: 3px;
}

.mt-checkbox>span:after
{
    border-color:#fff;
}

.pagination>li>a, .pagination>li>span
{
    border:1px solid #e6eaeb;
    color: #00a88f;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
{
        background-color: #00a88f;
    border-color: #00a88f;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
 
    color: #00a88f;
    background-color: #e6eaeb;

}

#morris_chart_4 svg
{
    font-family:opensans !important;
}

.portlet.bg-inverse.portlet-fit>.portlet-title {
    padding: 15px 20px 10px;
    background: #fff;
    border-top: 1px solid #f3f3f3;
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    border-bottom: none;
}

.portlet.light.bg-inverse
{
    background:#e6eaeb;
}

.font-blue-madison {
    color: #00a88f!important;
}

.btn.btn-outline.green {
    border-color: #00a88f;
    color: #00a88f;
    background: 0 0;
}

.btn.btn-outline.green.active, .btn.btn-outline.green:active, .btn.btn-outline.green:active:focus, .btn.btn-outline.green:active:hover, .btn.btn-outline.green:focus, .btn.btn-outline.green:hover {
    border-color: #00a88f;
    color: #FFF;
    background-color: #00a88f;
}

.timeline .timeline-body-content {
    font-size: 14px;
    margin-top: 35px;
    font-weight: 100;
    font-family: roboto;
}

#tree_1 .icon-state-warning {
    color: #00a88f;
}

.jstree-anchor
{
    font-weight:100;
}

.jstree-default .jstree-clicked, .jstree-default .jstree-hovered
{
    background-color:#f3f3f3;
}

.dropdown-menu>li.active:hover>a, .dropdown-menu>li.active>a, .dropdown-menu>li:hover>a
{
 background:#f3f3f3;   
}

.font-info-intense
{
    color:#006a9e;
}

.portlet.box.red-sunglo>.portlet-title, .portlet.red-sunglo, .portlet>.portlet-body.red-sunglo
{
        background-color: #ee736a;
}

.portlet.box.green-haze>.portlet-title, .portlet.green-haze, .portlet>.portlet-body.green-haze
{
     background-color: #00a88f;
}

.nav-pills>li>a, .nav-tabs>li>a {
text-decoration: none;
    font-family: opensans;
    font-weight: 500;
    }

.nav-tabs>li>a:hover
{
    background-color: #f3f3f3;
    color:#00a88f;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
{
    color:#333;
}

.btn
{
    text-decoration:none;
    font-family:opensans;
}

.btn-link {
    color: #00a88f;
    font-weight: 400;
    border-radius: 0;
    text-decoration: underline;
}
.btn-link:hover {
    color:#008672;
}
.btn-default, .btn-default:focus, .btn-default:active:hover  {
    color: #333;
    background-color: #e6eaeb;
    border-color: #e6eaeb;
}
.btn-primary, .btn-primary:focus, .btn-primary:active:hover {
    color: #fff;
    background-color: #00a88f;
    border-color: #00a88f;
}
.btn-success, .btn-success:focus, .btn-success:active:hover {
    background-color: #afca0b;
    border-color: #afca0b;
}
.btn-info, .btn-info:focus, .btn-info:active:hover {

    background-color: #006a9e;
    border-color: #006a9e;
}
.btn-warning, .btn-warning:focus, .btn-warning:active:hover {
    background-color: #e79c45;
    border-color: #e79c45;
}
.btn-danger, .btn-danger:focus, .btn-danger:active:hover {
    background-color: #ea5045;
    border-color: #ea5045;
}

.btn.default:not(.btn-outline) {
    color: #333;
    background-color: #e6eaeb;
    border-color: #e6eaeb;
}

.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.btn-primary.dropdown-toggle {
    background-color: #008672;
    border-color: #008672;
}
.btn-success.active, .btn-success:active, .btn-success:hover, .open>.btn-success.dropdown-toggle {
    background-color: #94ac09;
    border-color: #94ac09;
}
.btn-info.active, .btn-info:active, .btn-info:hover, .open>.btn-info.dropdown-toggle {
    background-color: #004f77;
    border-color: #004f77;
}
.btn-warning.active, .btn-warning:active, .btn-warning:hover, .open>.btn-warning.dropdown-toggle {
    background-color: #e38c26;
    border-color: #e38c26;
}
.btn-danger.active, .btn-danger:active, .btn-danger:hover, .open>.btn-danger.dropdown-toggle {
    background-color: #bb4137;
    border-color: #bb4137;
}
.bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label
{
    font-family:opensans;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
    color: #333;
    background: #e6eaeb;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    color: #fff;
    background: #00a88f;
}

.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info
{
    background:#006a9e;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success
{
    background:#afca0b;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning
{
    background:#e38c26;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger
{
    background:#ea5045;
}

.swatch {  }
.swatch > div { border:2px solid #fff;}
.swatch h1 { color:#fff; font-size: 13px; font-weight: 100; margin: 30px 0px 0px 0px; }
.swatch h2 { color:#fff; font-size: 20px; font-weight: 500; margin: 0px 0px 20px 0px; }
.swatch h2 span {    margin-right:8px;font-weight:100; }
.swatch .main h1 { font-size:14px; margin: 100px 0px 0px 0px; }
.swatch .main h2 { font-size:28px; margin: 0px 0px 20px 0px; }

.swatch.grey h1, .swatch.grey h2, .swatch.lightgrey h1, .swatch.lightgrey h2, .swatch.white h1, .swatch.white h2   { color:#333; }

.swatch.lightgreen .main { background-color:#00a88f; }
.swatch.lightgreen .tinted { background-color:#4cc2b0; }
.swatch.lightgreen .shaded { background-color:#008672; }

.swatch.darkgreen .main { background-color:#183c47; }
.swatch.darkgreen .tinted { background-color:#2f4f59; }
.swatch.darkgreen .shaded { background-color:#133039; }

.swatch.grey .main { background-color:#dae0e1; }
.swatch.grey .tinted { background-color:#e6eaeb; }
.swatch.grey .shaded { background-color:#bbbfbf; }

.swatch.lightgrey .main { background-color:#f3f3f3; }
.swatch.darkgrey .main { background-color:#333333; }
.swatch.white .main { background-color:#fff;border:2px dashed #dae0e1; }


.swatch.info .main { background-color:#006a9e; }
.swatch.info .tinted { background-color:#4c96bb; }
.swatch.info .shaded { background-color:#004f77; }

.swatch.success .main { background-color:#afca0b; }
.swatch.success .tinted { background-color:#cada66; }
.swatch.success .shaded { background-color:#94ac09; }

.swatch.warning .main { background-color:#e79c45; }
.swatch.warning .tinted { background-color:#eeb879; }
.swatch.warning .shaded { background-color:#e38c26; }

.swatch.danger .main { background-color:#ea5045; }
.swatch.danger .tinted { background-color:#ee736a; }
.swatch.danger .shaded { background-color:#bb4037; }

.secondaryswatch .swatch .main h1 { font-size:12px; margin: 20px 0px 0px 0px; }
.secondaryswatch .swatch .main h2 { font-size:20px; margin: 0px 0px 10px 0px; }

.secondaryswatch .swatch h2 { font-size:16px; margin: 10px 0px 10px 0px; }


.progress.swatchratio {
    height: 60px;
}

.typographyguide .roboto { font-family:roboto; }
.typographyguide .opensans { font-family:opensans; }

.typographyguide .light { font-weight:100; }
.typographyguide .regular { font-weight:300; }
.typographyguide .semibold, .typography .medium { font-weight:500; }
.typographyguide .bold { font-weight:700; }

.typography h1 {
    font-family:opensans;sans-serif;
    font-weight:100;
    color:#183c47;
    font-size:28px;
    margin:20px 0px;
    border-bottom:1px solid #dae0e1;
    padding-bottom:15px;
}

.typography h2 {
    font-family:opensans;sans-serif;
    color:#00a88f;
    font-size:20px;
    margin:15px 0px;
}

.css_block *
{
    font-family:consolas;
}

.css_block h4
{
    padding-top:0px;
}

.typography li {

    list-style-type: disc;
    margin-bottom:5px;
}



em
{
    font-weight:500;
    font-style:normal;
}

pre
{
    background-color: #fff;
    border: 1px solid #dae0e1;
}

.glyphicons-demo ul li
{
    border:1px solid #dae0e1;
        height: 100px;
    padding: 15px;
}

.glyphicons-demo ul li:hover
{
    background-color:transparent;
}

.gpicons [class^="gpicon-"], .gpicons [class*=" gpicon-"]
{
    font-size:3em;
    color:#183c47;
        display: block;
}

.loadingpreview {
    width: 160px;
    margin-top: -30px;
    margin-bottom: -20px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.faviconpreview
{
   display: block;
    margin-left: auto;
    margin-right: auto; 
}

@media (min-width: 992px) {
    
.page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed>li.heading
{
           border-top: 1px solid #ffffff!important;
        margin-top: 0px;
    margin-bottom:0px;
}
    
.page-sidebar-closed .logo_box
{
    display:none;
}

.glyphicons-demo ul li {
    width: 20%;
}
    
    
}

@media (max-width: 991px) {
    
    .styleimage-logo {
        max-width: 100%;
        margin-left: 0px;
        margin-top: 0px;
        padding: 20px;
    }
    
    .glyphicons-demo ul li {
    width: 25%;
}

}


@media (max-width: 640px) {
    
    .glyphicons-demo ul li {
    width: 50%;
}
    
}