/*@import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en");*/

@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto/Roboto-Thin.ttf);
    font-weight:lighter;
}
@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto/Roboto-Regular.ttf);
    font-weight:normal;
}
@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto/Roboto-Medium.ttf);
    font-weight:500;
}
@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto/Roboto-Bold.ttf);
    font-weight:bold;
}
@font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto/Roboto-Bold.ttf);
    font-weight:bold;
}
@font-face {
    font-family: Digital;
    src: url(../fonts/DS-DIGI/DS-DIGI.TTF);
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family: Digital;
    src: url(../fonts/DS-DIGI/DS-DIGIB.TTF);
    font-weight:bold;
    font-style:normal;
}
@font-face {
    font-family: Digital;
    src: url(../fonts/DS-DIGI/DS-DIGII.TTF);
    font-weight:normal;
    font-style:italic;
}
@font-face {
    font-family: Digital;
    src: url(../fonts/DS-DIGI/DS-DIGIT.TTF);
    font-weight:bold;
    font-style:italic;
}


@font-face {
    font-family: OpenSans;
    src: url(../fonts/OpenSans/OpenSans-Regular.ttf);
    font-weight:normal;
    font-style:normal;
}

@font-face {
    font-family: OpenSans;
    src: url(../fonts/OpenSans/OpenSans-Bold.ttf);
    font-weight:bold;
    font-style:normal;
}
@font-face {
    font-family: OpenSans;
    src: url(../fonts/OpenSans/OpenSans-Italic.ttf);
    font-weight:normal;
    font-style:italic;
}
@font-face {
    font-family: OpenSans;
    src: url(../fonts/OpenSans/OpenSans-BoldItalic.ttf);
    font-weight:bold;
    font-style:italic;
}

html{
   height:100%; 
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 100;
}
h1 {
    font-size: 30px;
}
h2 {
    font-size: 24px;
    margin-top:0px;
}
h3 {
    font-size: 16px;
}
h4 {
    font-size: 14px;
}
h5 {
    font-size: 12px;
}
h6 {
    font-size: 10px;
}
h3,
h4,
h5 {
    margin-top: 5px;
    font-weight: 600;
}
.div-seperator{
    border-bottom:#e7eaec 1px solid;
    height: 1px;
    margin-top: -2px;
}
body {
    font-family: "Roboto","OpenSans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #f3f3f4;
    font-size: 13px;
    color: #676a6c;
    overflow-x: hidden;
    height:100%; 
}
/*
 * Base structure
 */

/*
 * Global add-ons
 */

.sub-header {
    padding-bottom: 2px;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
    border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
    display: none;
    min-height: calc(100% - 50px);
}

.leftNavMenu .list-group{
    /*background-color: #293846;*/
}
.leftNavMenu .list-group .list-group-item {
    background-color:#293846;
    border-left:#293846 4px solid;
    margin-bottom:0px;
    border-radius: 0px;
}
.leftNavMenu .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
    background:none;
    /*background-color:#293846;*/
    border-color:#344554;
    border-bottom:none;
    border-left:#fec043 4px solid;
}
.list-group-item.active{
    background-image:none;
    background-color:#2f4050;
}
.list-group-item.active:focus, .list-group-item.active:hover
accordion li a:active,
accordion li a:focus {
    color:#fff;
    text-decoration: none;
}

.leftNavMenu .list-group-ul {
    background-color:#293846;
    border-left:#293846 4px solid;
    margin-bottom:0px;
    border-radius: 0px;
    padding:10px 17px;
    list-style: none;
    color:#afb8c1;
    border-bottom:#344554 1px solid;
}
.leftNavMenu .list-group-ul.active, .list-group-ul.active :focus, .list-group-ul.active:hover{
    background:none;
    border-color:#344554;
    border-bottom:none;
    border-left:#fec043 4px solid;
    cursor:pointer;
    color:#fff;
}
.list-group-ul.active{
    background-image:none;
    background-color:#2f4050;
}
.list-definition-items{
    padding-left: 15px;
    list-style: none;
    padding-top: 7px;
}
.list-definition-items li.listli{
    padding-left:0px;
    color:#afb8c1;
}
.list-definition-items li.listli.active{
    padding-left:0px;
    color:#fff;
}
.list-definition-items li.listli:focus,.list-definition-items li.listli:hover{
    color:#fff;
}
.list-group-ul li.list-cat-name:focus, .list-group-ul li.list-cat-name:hover
{
    color:#fff;
    cursor:pointer;
}
.list-group-ul li.list-cat-name a{
    color: inherit;
    text-decoration: none;
}
.list-group-ul li.list-li:focus, .list-group-ul li.list-li:hover
{
    color:#fff;
    cursor:pointer;
}
.list-group-ul .list-li{
    padding:7px;
    color:#afb8c1;
    list-style: none;
    padding-right:0px;
    padding-left:0px;
}
.list-group-ul .list-li.active{
    color:#fff;
}
ul.list-cat-items{
    padding-left:15px;
    padding-top:5px;
    border-bottom:#484848 1px solid;
}

/* Sidebar navigation */
.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}
.nav-sidebar > li > a {
    padding-right: 20px;
    padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
    color: #fff;
    background-color: #428bca;
}
.widgetContainer{
    border:#fff 1px solid;width:100%;height:100%;
}

/*
 * Main content
 */

.main {
    padding-left: 20px;
    padding-right: 20px;
}
.containerPanel{
    border-top:#e7eaec 5px solid;
    background-color: #fff;
    margin-top:14px;
    padding:20px;
    padding-top:15px;
}

.containerPanelLogin{
    border-top:#6C7D8D 5px solid;
    background-color: #56bedd;
    margin-top:14px;
    padding:20px;
    padding-top:15px;
}

.btn-yellow{
    background-image: linear-gradient(to bottom, #fec043 0px, #EB9316 100%);
    background-repeat: repeat-x;
    background-color: #fec043;
}
@media (min-width: 768px) {
    .main {
        padding-right: 20px;
        padding-left: 20px;
    }
}
.main .page-header {
    margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
    margin-bottom: 30px;
    text-align: center;
}
.placeholders h4 {
    margin-bottom: 0;
}
.placeholder {
    margin-bottom: 20px;
}
.placeholder img {
    display: inline-block;
    border-radius: 50%;
}
.panel-heading{
    padding:4px 15px;text-align: left;font-size:13px;font-weight: bold;padding-right:3px;
}
.expand-app{
    height:15px;width:15px;border:#000 1px solid;cursor:pointer;padding:2px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    right: 100%;
    margin-top: -6px;
    margin-right: -1px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-left: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    right: -100%;
    margin-right: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


.table > thead > tr > th{
    background-color: #fff;
    font-size: 13px;
}
.table > tbody > tr > td{
    font-size: 13px;
}
/*
.table > tbody > tr > td .fa{
    font-size: 15px;
    color:#afb8c1;
}
*/
.faAction{
    font-size:14px;
}
.sidebar-right {
    position: fixed;
    top: 35px;
    width: 250px;
    margin: 0;
    padding: 0;
    right:0px;
    z-index:2000;
}
.sidebar-right .dropdown-menu{
    right:0px;
    width:100%;
    background-color: #2f4050;
}
span .desc{
    font-size:11px;
}
.sidebar-nav {
    position: absolute;
    top: 50px;
    width: 250px;
    margin: 0;
    padding: 0;
    right:0px;
    z-index:2000;
    background-color: #000;
    list-style: none;
    bottom:0px;
}

.sidebar-right .dropdown-menu li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-right .dropdown-menu li a {
    display: block;
    text-decoration: none;
    color: #a7b1c2;
    font-size: 13px;
}

.sidebar-right .dropdown-menu li a:hover {
    text-decoration: none;
    color: #fff;
    background: #293846;
}
.leftnavItem{
    cursor: pointer;
}
.navbar-nav li{
    border-top: #fff 4px solid;
    margin-top:2px;
}
.navbar-nav li.activeMenu{
    border-top: #fec043 5px solid;/*background-color: #f6f6f8;*/font-weight:bold;
}
.leftNav .navbar-nav>li>a{
    text-shadow:none;
}
.leftNav>li>a:active,
.leftNav>li>a:focus,
.leftNav>li>a:hover
{
    background-color: #fff;
}
.sidebar-right .dropdown-menu li a:active,
.sidebar-right .dropdown-menu li a:focus {
    text-decoration: none;
}

.sidebar-right .dropdown-menu > .sidebar-brand {
    height: 30px;
    font-size: 18px;
    line-height: 30px;
}

.sidebar-right .dropdown-menu > .sidebar-brand a {
    color: #fff;
    background: #293846;
}

.sidebar-right .dropdown-menu > .sidebar-brand a:hover {
    color: #fff;

}
.navbar-toggle{
    float:left;
    margin-left:15px;
}
.navbar-right-toggle{
    position: fixed;
    background-color: transparent;
    top: 15px;
    right: 20px;
    z-index: 2000;
    cursor: pointer;
}
div.navbar-right-toggle span.glyphicon-th{
    font-size: 1.9em;
    color:#1ab394;
}
.navbar-toggle collapsed .glyphicon-align-justify{
    font-size: 1.9em;
    color:#1ab394;
}
.navbar-default{
    background-image: none;
    background-color: #fff;
}
.buttonMargin{
    margin-right:4px;
}
.top-right-btn{
    margin-top:-40px;
}
.top-right-select{
    margin-top:-40px;
}
.div-center-align{
    text-align: center;
}
div.iconContainer{
    /*border:#e6e6e9 1px solid;*/
    padding:20px;
    /*margin-left:20px;*/
    cursor:pointer;
    box-shadow: 2px 2px 5px #ccc;
    min-height:198px;
}

div.dashboardSelection{
    position:relative;
}
.dashboardSelection .dropdown-menu{
    padding: 7px 15px 7px 15px;
    top: 22px;
    white-space: nowrap;
    right: 0px;
    font-size: 13px;
    background-color: #2f4050;
}
.dashboardSelection .dropdown-menu li{
    padding-bottom:5px;padding-top:5px;
    color:#afb8c1;
    font-size: 12px;
}
.dashboardSelection .dropdown-menu li:hover{
    text-decoration: none;
    color: #fff;
    background: #293846;
}

div.gridActionContainer{
    position:relative;
    width: 30px;
    font-weight: normal;
}
.gridActionContainer .dropdown-menu {
    padding: 10px;
    top: 5px;
    left: auto;
    background-color: #2f4050;
    z-index: 2000;
    list-style: none;
    position: absolute;
    right: 20px;
    /*padding-right: 4px;*/
}
.gridActionContainer i.fa-bars{
    cursor:pointer;
}
.gridActionContainer .dropdown-menu li {
    text-indent: 0px;
    line-height: 25px;
    color:#afb8c1;
    font-size: 12px;
    white-space: nowrap;
    min-width: 120px;
}

.gridActionContainer .dropdown-menu li{
    cursor:pointer;
}
.gridActionMenu li{
    cursor:pointer;
}
.gridActionContainer .dropdown-menu li:hover {
    text-decoration: none;
    color: #fff;
    background: #293846;
}
.gridActionContainer li.dropdown-submenu ul.dropdown-menu{
/*    right:55px;*/
    top:20px;
}
.gridActionContainer li.dropdown-submenu ul.dropLeft, li.dropdown-submenu ul.dropLeft{
/*    right:55px;*/
    top:4px;
    right:100%;
}
.gridActionContainer li.dropdown-submenu ul.dropRight{
/*    right:55px;*/
    top:4px;
    left:100%;
}
.companySelect{
    /*width:110px;*/height:30px;margin-right:5px;font-size:.95em;
    border-color: #ccc ;border-radius: 3px;
}
.companySelect.ng-valid.ng-pristine {

}
.dashboardSelect{
    width:150px;height:30px;margin-right:0px;font-size:.95em;
    border-color: #ccc ;border-radius: 3px;
}
.bordertop5{
    border-top:#bce8f1 5px solid;
}
@media (max-width: 767px) {
    .navbar-brand{
        padding-left:0px;
    }
    div.iconContainer{
        margin-left:0px;
        margin-top:20px;
    }
    .navbar-nav li{

    }
}
@media(min-width:768px) {
    .navbar-nav{
        margin-left:17px;
    }
}

.k11-dropdown{
    min-width: 120px;
}
.ng-invalid.ng-dirty {
    border-color: #FA787E;
}
.submitted.ng-invalid-required{
    border-color: #FA787E;
}
.errorTxt{
    color:red;font-size:12px;
}
.min275{
    min-width:275px;
}
.min560{
    min-width:560px;
}
.min1120{
    min-width:1120px;
}
.min1142{
    min-width:1142px;
}
.min250{
    min-width:250px;
}
.modal-header{
    padding: 8px 5px 6px 12px;
    background-color: #4ab9da;
    border-radius: 5px 5px 0px 0px;
    color: #fff;
    text-shadow: 1px 1px #7a7a7a;
}
.modal-body{
    border-radius : 0px 0px 5px 5px;
}
.dialogIcon{
    color: #fff;
    font-size: 25px;
    float: left;
    margin-top: -2px
}
.iconColor_blue{
    color:#2aabd2;
}
.iconColor_red{
    color:#f2502a;
}
.iconColor_green{
    color:#0fb30b;
}
.col-fixed-83{
    width:83px;
    border:red 1px solid;
}
.col-fixed-167{
    margin-left:10px;
    width:160px;
    border:green 1px solid;
}
div.apps .panel-footer{
    background-color:#fff;
    border-top:none;
}

.shadowBox{
    box-shadow:2px 2px 5px #ccc;
}

.shadowBoxRed{
    box-shadow:2px 2px 5px #ff0000;
}

.AppInfoContainer{
    width:100%;
    height:85px;
}
.AppInfoContainer img{
    float: left;
    height: 80px;
    max-width: 80px;
    width: calc(43% - 11.667px);
    margin-right:8px;
}
.AppInfoContainer .details{
    float: left;
    height: 80px;
    width: calc(56% - 1px);
    font-weight:12px;
}
.opacity30{
    opacity:.3;
}
.navbar-fixed-top .navbar-nav > li > a{
    color:#777;
}
.navbar-fixed-top .navbar-toggle{
    border-color:#ddd;
}
.navbar-fixed-top .navbar-toggle .icon-bar{
    background-color: #ddd;
}
.parentTopMenu > li > a{
    color:#777;
}
.parentTopMenu > li > a:hover{
    background-color: #e7eaec;
}

.parentTopMenu > li > a > i.fa{
    color:#fec043;
}


.dialogAlert{
    padding: 15px 0px 15px 10px;
    border: 1px solid #FAEEEE;
    border-radius: 5px;
    background-color: #FAFAFA;
    margin-bottom: 9px;
}
.dialogAlert .fa{
    font-size:23px;
}
.dialogAlert .msg{

}
.widgetActionDiv{
    position: absolute; right: 5px;  top: 0px;
}
.widgetActionDiv .dropdown-menu li {
    text-indent: 0px;
    line-height: 25px;
    color:#afb8c1;
    font-size: 12px;
}
.widgetActionDiv .dropdown-menu{
    padding: 7px;
    top: 5px;
    /* left: -115px; */
    min-width: 155px;
    background-color: #2f4050;
    z-index: 2000;
    list-style: none;
    right: 6px;
}
.widgetActionDiv .dropdown-menu li:hover {
    text-decoration: none;
    color: #fff;
    background: #293846;
}
.bootstrap-dialog-title{
    font-weight:600;
    font-size:14px;
}
.txtDanger{
    color:#a94442
}
.footer{
    width: 100%;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    font-size:12px;
}
.footer .fa{
    font-size:16px;
    color:rgb(187, 187, 187);
}
.text-muted{
    color: rgb(187, 187, 187);
    text-shadow: 1px 1px #fff;
}
ng-view .container:first-child{
    min-height:calc(100% - 35px);
}
.container-fluid:first-child{ 
    height:100%;
}
ng-view .container-fluid:first-child{ 
    min-height:calc(100% - 35px);
}
.widgetHeader{
    width: 100%;height: 20px;background-color: #f3f3f4;position:absolute;
}
.fa-stack-1p8x{
    font-size:1.8em;
}
.dashboardActionDiv a {
    color:#bbb;
    cursor:pointer;
}
label.normal{
    font-weight: normal;
}
label.normalitalic{
    font-weight: normal;
    font-style:italic;
    color:#959595;
}
.defaultDashboard{
    color:#808080;
}    
.deleteSeverity{
    color:red
}
.writeSeverity{
    color:orange
}
.actionSeverity{
    color:yellow
}
.readSeverity{
    color:lightgreen
}


.cssSlideUp {
    transition: .2s linear all;
    height:60px;
    overflow-y: auto; 
}
.cssSlideUp.ng-hide {
    height:0;
}
.userScope {
    color:yellow
}
.companyScope {
    color:orange
}
.boldElem{
    font-weight: bold;
}
.containerLoadingPanel{
    background-color: #fff;
    position: absolute;
    top: 0px;
    height: calc(100% - 20px);
    width: calc(100% - 40px);
    background-color: #fff;
    margin-top: 20px;
    padding: 20px;
    padding-top: 15px;
    opacity: .7;
}
.alertClose{
    color: #ccc;
    margin-right: 7px;
    cursor:pointer;
}
.sortDiv{
    padding:4px;
    background-color: #f3f3f4;
    margin-top: 2px;
    height:30px;
}
#sortableApps div.sortDiv:nth-child(-n+5){
    color: #0fb30b;
}
#sortableApps div.sortDiv:nth-child(n+6){
    color: #2aabd2;
}
#sortableApps div.sortDiv:nth-child(n+16){
    color: #f2502a;
}
.colorCode_first5{
    color: #CEFFCE;
}
.colorCode_next10{
    color: #fec043;
}
.colorCode_after15{
    color: #FFCCCC;
}
.boldTxt {
    font-weight: bold;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
.borderless td, .borderless th {
    border: none;
    border-top:none;
}
.scope_company{
    color:#fec043;
}
.scope_user{
    color:#56bedd;
}
.k11Badge{
    cursor:pointer;font-size:12px;font-weight: normal;font-size:12px;background-color: #56bedd;
}
.k11Badge2{
    cursor:pointer;font-size:12px;font-weight: normal;font-size:12px;background-color: #fec043;
}
.pageInfo{
    background-color: #f9f9f9;padding: 2 0 2 5;font-size: 12px;margin-bottom: 3px;margin-top: -8px;
    color: #999;text-shadow: 1px 1px #fff;
}
.dsConfigDiv.tab-content{
    margin-left: 15px;
    margin-right: 15px;
    padding: 15px;
    border: #ddd 1px solid;
    border-top: none;
}

.pageHeaderIcon
{
    padding-right: 5px;
    color: #FEC043;
}

.addPanel, .editPanel {
    margin-left: 15px;
    margin-right: 15px;
    border-top: 5px solid #BCE8F1;
}

.actionIconStyle {
    color:#7d7d7e;
    font-size: 14px;
}


.search-icon
{
color: #56bedd;
margin-left: 2px;
margin-top: -2px;
cursor: pointer;
font-size: 16px;
}

.search {
    position: absolute;
    top:20px;right: 50px;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5);z-index:20000;
    padding: 0px!important;
}

.search-modal-body
{
    background-color:#fff;
    overflow:auto;padding:15px 10px;
}

.ibred
{
    color:#ff2e2e;
}

.iborange
{
    color:orange;
}

.ibyellow
{
    color:yellow;
}

.ibgrey
{
    color:darkgray;
}

.ibGreen
{
    color:#40A361;
}

.ibBlue
{
    color:#2aabd2;
}

.impWhite
{
    color:#DDD;
}

.pagination
{
margin: 0px 0px 10px ;
}


.messageData{margin: 3px 0px;}

.messageData span::first-letter {
    text-transform: uppercase;
}

.mail-attachment {
    padding: 0px 20px 10px;
    font-size: 12px;
    text-align: center;
}

.file-box {
    float: right;
    width: 125px;
    margin-top: 10px;
}

.file {
    border: 1px solid #E7EAEC;
    padding: 0px;
    background-color: #FFF;
    position: relative;
    margin-bottom: 20px;
    margin-right: 20px;
}

.file .icon {
    padding: 15px 10px;
    text-align: center;
}

.file .icon i {
    font-size: 40px;
    //color: #5BC0DE;
}

.commentContainer
{
overflow:auto;border-left: 1px solid #ddd;
margin-bottom: 20px;padding: 12px 15px;
background-color: #FEFEFE;margin-right: 5px;
}

.TagFileIcon{
    font-size: 17px; margin-right: 30px;
}

.TagFileName{
    font-size:15px;color:#777;font-family:"times new roman";
}

.commentUser{font-size: 15px;color:#888}
.commentDate{color: #888;}




@media (min-width: 768px) {
  .sidebar {
/*    position: fixed;
    top: 56px;
    bottom: 0;
    left: 0;
    z-index: 1000;*/
    display: block;
    padding: 0px;
    //overflow-x: hidden;
    //overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #2f4050;
    border-right: 1px solid #919aa9;
    min-height: calc(100% - 50px);
  }
  .navbar-nav > li > a {
        padding-top: 10px; 
  }
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  min-height:100%;
}
.pageActionBtn{
    color:#56bedd;
}
.pageAction{
    cursor: pointer;
    font-size:11px
}
.pageAction .dropdown-menu{
    padding: 10px;
    min-width: 100px;
    background-color: #2f4050;
    z-index: 2000;
    list-style: none;
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    left: auto !important;
    transform: none !important; 
    cursor: pointer;
}

.pageAction .dropdown-menu li{
    padding-bottom:5px;padding-top:5px;
    color:#afb8c1;
    font-size: 12px;
    white-space:nowrap;
}
.pageAction .dropdown-menu li:hover{
    text-decoration: none;
    color: #fff;
    background: #293846;
}
.navbar-fixed-top{
    height:50px;
}
.navbar-nav > li > a{
    line-height: 18px;
}
.containerPanel{
    padding:14px;//old value 20
}
.leftPanelInfo{
  width: 100%;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}
.leftPanelInfo span{
    font-size:35px;
    color:#293846;
    
}
.leftPanelInfo .heading{
  color: #ccc;
  font-size: 18px;
  font-weight: bold;
}
.leftPanelInfo i.fa-circle{
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.25);
}
.leftNavHide{
  position: absolute;
  right: 5px;
  cursor: pointer;
}
.ng-hide-add, .ng-hide-remove {
    /* ensure visibility during the transition */
    display: block !important; /* yes, important */
}
.cssSlideLeft,.cssSlideTop {
    transition: .1s linear all;
}
.cssSlideLeft.ng-hide {
    width:0px;
    opacity: 0;
}
.cssSlideLeft.ng-show {
     opacity: 1;
}
.cssSlideTop.ng-hide {
    height:0px;
    opacity: 0;
}
.cssSlideTop.ng-show {
     opacity: 1;
}
.leftNavHandle{
  position: absolute;
  width: 30px;
  height: 30px;
  color: #ccc;
  text-align: center;
  background-color: #293846;
  z-index: 2;
  border-radius: 0px 15px 15px 0px;
  padding-top: 2px;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.25);
  cursor: pointer;
  font-size: 25px;
}
.navbar-nav li.activeMenu{
    border-top: #fec043 4px solid;/*background-color: #f6f6f8;*/font-weight:bold;
    margin-top:4px;
}
.navbar-nav > li.activeMenu > a{
    line-height:13px;
}
.top-right-btn{
    margin-top:0px;
}
.navbar-fixed-top{
    position: relative;
}
.navbar{
    margin-bottom: 0px;
}
.navbar-right-toggle{
    position: absolute;
    background-color: transparent;
    top: 15px;
    right: 20px;
    z-index: 2000;
    cursor: pointer;
}
ng-view .container:first-child{
    min-height:calc(100% - 60px);
}
ng-view .container-fluid:first-child{ 
    min-height:calc(100% - 60px);
}
.navbar-fixed-top .navbar-nav > li > span > a{
    color:#777;line-height: 18px;
    padding-top: 10px; padding-bottom: 15px;
    text-decoration: none;
}
.navbar-fixed-top .navbar-nav > li > span{
  position: relative;
  display: block;
  padding: 10px 15px;
}
.paginationContainer{
  height: 34px;
  width: 100%;
  border-top: #e7eaec 1px solid;
  padding-top: 7px;
}
.leftNavMenu ul.list-group-ul.active li a 
{
	border-left:0px;
} 
.pageLoading{
    position: absolute;
    left: calc(50% - 35px);
    font-size: 35px;
    top: 60px;
}

.col-ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 0px;
}

.table.noWrapHeading > thead > tr > th{
    background-color: #fff;
    font-size: 13px;
    white-space: nowrap;
}

.td-green {
  color: green;
}

.td-blue {
  color: blue;
}

.td-red {
  color: red;
}
#pageFrameContainer{
    top:0px; left:15px; bottom:0px; right:0px; 
    height:100%; border:none; margin:0; padding:0; 
    overflow:hidden; z-index:100;
}
#pageFrame{
    top:0px; left:0px; bottom:0px; right:0px; 
    width:100%; height:100%; border:none; margin:0; padding:0; 
    overflow:hidden; z-index:10;
}

/* CSS used here will be applied after bootstrap.css */
.badge-notify{
   background:red;
   position:relative;
   top: -20px;
   left: -35px;
  }
  
  [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-    ng-cloak {
        display: none !important;
  }
  .menu-angle-down{
      position: absolute;top: 7px;right: 0px;
  }
  table.ellipsified td {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .imageSelected{
                border: 3px solid aquamarine;
            }

.badge-info {
  background-color: #56bedd;
}


.typeahead, .tt-query, .tt-hint {
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 14px;  /*Set input font size*/ 
	height: 30px;
	line-height: 1.42857143;
	color: #555;
	padding: 6px 12px;
	outline: medium none;
	width: 100%;
}
.typeahead {
	background-color: #FFFFFF;
}
.typeahead:focus {
	border: 2px solid #66afe9;
}
.tt-query {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tt-hint {
	color: #999999;
}
.tt-menu {
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	margin-top: 12px;
	padding: 8px 0;
	background-color: #555555;
	width: 100%;
}
.tt-suggestion {
	font-size: 14px;
	padding: 6px 12px;
	font-color: #ffffff;
}
.tt-suggestion:hover {
	cursor: pointer;
	text-decoration: none;
	background-color: #e26900;
}
.tt-suggestion p {
	margin: 0;
}
.domainSelect{
    /*width:110px;*/height:30px;margin-right:5px;font-size:.95em;
    border-color: #ccc ;border-radius: 3px;
}
.containerPanel.carousel{
    border-top:#e7eaec 2px solid;
    background-color: #fff;
    margin-top:14px;
    padding:20px;
    padding-top:15px;
}

.image-container
{
  text-align: center;
  margin-top: 10px;
  /* padding: 4px;*/
  line-height: 1.42857143;
  background-color: #fff;
  border: 0px solid #ddd;
  border-radius: 4px;
}

.image-container img
{
  width:  100%;
  height: 126px;
  
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

/*
.panel-left ul{
    margin-top: 20px;
    padding-left: 20px
}

.panel-left ul li
{
  padding-left: 20px
}

.panel-left li{
    margin-top: 15px;    
}
*/
.documentView img{
        max-width :100%;
}

.panel-left {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 256px;
    min-width: 100px;
    max-width: 500px;
    resize: horizontal;
    overflow: auto;
    padding-top: 32px;
    padding-left: 8px;
    white-space: nowrap;
    background: #f5f5f5;
}

.panel-right {
    margin-left: 220px;
    min-height: 100%;
    padding: 20px;
}

.panel-left ul{
    margin-top: 5px;
    padding-left: 20px
}
.panel-left li{
    margin-top: 5px;    
}

.panel-container {
  display: flex;
  flex-direction: row;
  border: 0px solid silver;
  overflow: hidden;
  border-radius: 7px;
  /* avoid browser level touch actions */
  xtouch-action: none;
}

.splitter.docView {
  flex: 0 0 auto;
  width: 3px;  
  /*background: url(/io/images/splitter.png) center center repeat-y #838383;*/
  /*min-height: 200px;*/
  cursor: col-resize;
  background: #ccc;
}
#rightContent table 
{
    border-spacing: 0;
    border-collapse: collapse;
    background-color: transparent;
    width: 100%;
	max-width: 100%;
	margin-bottom: 20px;
}

#rightContent table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
#rightContent table > tbody > tr > td {
    font-size: 14px;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

#rightContent table > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #f9f9f9;
}

#downloadBoxMain {
    margin-left:auto;
    margin-right:auto;
    height:auto; 
    width:auto;
}

#downloadBox {
    float: left;
}

#downloadBoxArrow {
    content: "";
    display: block;
    position: absolute;
    bottom: auto;    border-style: solid;
    width: 0; 
    height: 0; 
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;  
    border-bottom: 15px solid white;
    border-top: transparent;
    z-index: 10000;
    float: left;
    clear: left;
    right: 45px;
    top: 35px;
}

#btndisclaimer {
    position: fixed;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    opacity:0.6;
}

.codeMirror-code {
   margin-top : 40px;
}

a, a:active, a:focus {
   outline: none !important;
}


.toast-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: .25rem .75rem;
color: #FFF;
/*background-color:rgba(255,255,255,.85);*/
background-color:#56bedd;
background-clip: padding-box;
border-bottom: 1px solid
    rgba(0,0,0,.05);
}


.toast-body {
    padding: .75rem;
}

.toast {
max-width: 350px;
overflow: hidden;
font-size: 13px;
background-color:
rgba(255,255,255,.85);
background-clip: padding-box;
border: 1px solid
rgba(0,0,0,.1);
box-shadow: 0 .25rem .75rem
rgba(0,0,0,.1);
/*-webkit-backdrop-filter: blur(10px);*/
backdrop-filter: blur(10px);
opacity: 1;
border-radius: .25rem;
position: fixed;
top: 60px;
right: 10px;
z-index:1000;
}
.highlight{
text-shadow:0px 0px 7px #08b0b0;
}

.menu-text-style{
    white-space: nowrap;
    width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.progress-bar-animated {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite
}

.details-page-h5-heading
{
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-left: 15px;
}

.dropdownbtn-alignment{
    width: 100%; 
    height: 100%; 
    display: flex;
    align-items: center;
    font-size: 1.0em;
    left: 1045px;
}

.multiselectdropdownmenu{
    margin-left:923px;
    margin-top:10px;
    display:block;
    padding-left: 5px;
}