/* Component styles */

body { background-color: #F6FAFB;   font-family: "Roboto"; 
/*  background-image: url('nanos.jpg'); 
 */ background-size: 70%;
 background-repeat: repeat;
  background-attachment: fixed;

}
.component {
  line-height: 1.5em;
  margin: 0 auto;
  padding: 2em 0 3em;
  width: 90%;
  max-width: 1000px;
  overflow: hidden;
}
.component .filler {
  font-family: "Roboto";
}
table {
    border-collapse: collapse;
    margin-bottom: 3em;
    width: 100%;
    background: #ecf0f1;
     text-align: center;
     border:0px !important;
     border-top: 1px #313f56 solid !important;
     border-left: 1px #313f56 solid !important;

}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    position: absolute;
    top: 78px;
    width: 96%;
    left: 17px;
}


td, th {
    padding: 0.85em !important;
    text-align: center !important;
    border: 1px #e6e6e6 solid;
    vertical-align: middle !important;
    text-align: center;
   font-weight: normal;
    font-family: "Roboto";


}

.table th {  font-weight: 400 !important;     padding: 0.8em 0.8em 0.25em 0.25em !important;
 text-transform: capitalize;
 }




th {
    background-color: #070771;
    font-weight: bold;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
     font-family: "Roboto";
}

th:hover {

    /* background-color: #151b21; */

}


tbody th {
  background-color: #336699;
      border: 1px #1a5484  solid !important;
      color: #fff;
}
tbody tr:nth-child(2n-1) {
    background-color: #ecf0f1;
    transition: all .125s ease-in-out;
}
tbody tr:hover {
 
}


td { filter: blur(1px) invert(-5%);   
  opacity:0.1/* Safari 6.0 - 9.0 */ }



.active { background-color: #054370  !important; opacity:1; text-align: center;  border: 1px #1a5484 solid !important; filter: blur(0px) invert(0%); }
.thActive { background-color: #143c5d;     border: 0px !important; }
/* For appearance */



.button {
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.bigrounded {
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;
}


.blue {
    padding: 5px;
    font-size: 13px; 
    display: inline-block;
    width: 85%;
    margin-top: 5px;
    border-radius: 3px;
    line-height: 18px;
    color: #fff;
    border: solid 1px #2b3b55;
/*     background: #313f56;
 */
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.66);
    background: #00b050;

    
/*     background: -webkit-gradient(linear, left top, left bottom, from(#0095cd), to(#0095cd));
    background: -moz-linear-gradient(top, #0095cd, #0095cd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cd', endColorstr='#0095cd');   */  
    text-transform: capetalize;
/*     background: -webkit-gradient(linear, left top, left bottom, from(#2b3b55), to(#2e9a8c));
    background: -moz-linear-gradient(top, #0095cd, #0078a5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cd', endColorstr='#0078a5'); */
}


.blue:hover , .blue:focus {
    color: #000;
    border: solid 1px #313f56;
    background: #c3dcc4;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);

    text-decoration: none;
}


@keyframes example {
    from {  background-color: #054370 ;   border: 1px #1a5484  solid !important; }
    to {     background-color: #054370 ;    border: 1px #1a5484  solid !important; }
}

.cell {    animation-duration: 0.8s; }
.active { animation-name: example;   border: 1px #355671     solid !important; }


.navbar-default {
    background-color: #054370;
    border-color: #054370;
}

.navbar {
  margin-bottom: 20px;
  border-radius: 0px;
}

.navbar-default .navbar-brand { color: #e4ecf9; outline: none; }

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {

      color: #1a5484;
    background-color: #032640;
}

.navbar-default .navbar-nav>li>a {
    color: #e4ecf9 !important; 
}




.breadcrumb-arrow {
    height: 36px;
    padding: 0;
    line-height: 46px;
    list-style: none;
    background-color: #fff;
    margin-left: -15px;
    width: 1070px;
    border-radius: 0px;
    border: 1px solid rgba(120,130,140,.13);
}

.breadcrumb-arrow li:first-child a {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0px
}
.breadcrumb-arrow li, .breadcrumb-arrow li a, .breadcrumb-arrow li span {
    display: inline-block;
    vertical-align: top
}
.breadcrumb-arrow li:not(:first-child) {
    margin-left: -5px
}
.breadcrumb-arrow li+li:before {
    padding: 0;
    content: ""
}
.breadcrumb-arrow li span {
    padding: 0 10px
}
.breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span {
     height: 36px;
    padding: 0 27px 0 44px;
    line-height: 36px;
}
.breadcrumb-arrow li:first-child a {
    padding: 0 10px
}
.breadcrumb-arrow li a {
    position: relative;
    color: #fff;
    text-decoration: none;
    background-color: #054370;
    border: 1px solid #16202f
}
.breadcrumb-arrow li:first-child a {
    padding-left: 10px
}
.breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before {
    position: absolute;
    top: -1px;
    width: 0;
    height: 0;
    content: '';
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent
}
.breadcrumb-arrow li a:before {
    right: -10px;
    z-index: 3;
    border-left-color: #054370;
    border-left-style: solid;
    border-left-width: 11px
}
.breadcrumb-arrow li a:after {
    right: -12px;
    z-index: 2;
    border-left: 11px solid #054370 
}
.breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover {
    background-color: #054370;
    border: 1px solid #054370
}
.breadcrumb-arrow li a:focus:before, .breadcrumb-arrow li a:hover:before {
    border-left-color: #054370
}
.breadcrumb-arrow li a:active {
    background-color: #054370;
    border: 1px solid #054370
}
.breadcrumb-arrow li a:active:after, .breadcrumb-arrow li a:active:before {
    border-left-color: #054370
}
.breadcrumb-arrow li span {
    color: #434a54
}








    box-shadow: none !important;  border:0px !important; 


  }

.animated  {  -webkit-box-shadow: 0px 6px 22px -6px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 6px 22px -6px rgba(0,0,0,0.35);
box-shadow: 0px 6px 22px -6px rgba(0,0,0,0.35);






 }


.ui-view-container {
    position: relative;
}

.Modal-box.ng-enter, .Modal-box.ng-leave {
    position: absolute;
    left: 0;
    right: 0;
}

.Modal-box.ng-enter {
    -webkit-animation: slideInRight 0.5s;
    animation: slideInRight 0.5s;
}

/*[ui-view].ng-enter-active {}*/


*
{
  box-sizing: border-box;
}

 .Modal-backdrop
 {
   position: absulute;
   top: 0px;
   left: 0px;
   height:100%;
   width:100%;
   background: #000;
   z-index: 1;
   opacity: 0.5;
}

.Modal-holder
{
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
  background: transparent;
  z-index: 99;
  padding: 65px 15px;
}
.Modal-box
{
  margin: 0 auto;
  width: 100%;
  background: #ececec;

  border-radius: 4px;
  box-shadow: 1px 2px 5px rgba(0,0,0,0.3);
  position: relative;

  width: 100%;
    padding: 30px;
    height: 100%;
    opacity: 0.97;


}

@media screen and (min-width: 992px)
{
  .Modal-box
  {
    width: 100%;
    padding: 30px;
  }
}



.Modal-holder { 
    -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

   }


.Modal-box { border-radius: 0px; 

  transform: rotate(0deg);
  background: #f7f7f7;
  border-radius: 0%;

  max-width: 1100px;
  height: 100%;
  max-height: 700px;
  padding: 20px;

 }


.ng-hide-add         { 
  -webkit-animation:0.5s lightSpeedOut ease; 
  animation:0.5s lightSpeedOut ease; 
}

/* when showing the thing */
.ng-hide-remove      { 
  -webkit-animation:0.5s flipInY ease; 
  animation:0.5s fadeIn ease; 
}

/* ANIMATIONS (FROM ANIMATE.CSS) */






main {
    min-width: 100%;
    max-width: 100%;

    margin: 0 auto;
   background-color: #b1c4d4;
}


input {
    display: none;
}




.tab {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 15px 25px;
    font-size: 20px;
    font-family: 'Roboto';
    font-weight: normal;
    text-align: center;
    color: #3f6280;
    border: 1px solid transparent;
    width: 33.12%;
    height: 85px;
    background-color: #b1c4d4;
    cursor: pointer;
}

.activeTab{
    color: #fff;
    border: 0px solid #ddd;
    border-top: 0px solid orange;
    border-bottom: 3px solid orange;
    background-color: #15202e;
    position: relative;
    height: 66px;
    position: relative;
    top: -1px;
}

section {
padding: 20px 0 0;
    border-top: 1px solid #ddd;
    background: #548cb9;
    position: fixed;
    width: 100%;
    height: 82%;
    padding: 15px;
    padding-top: 0px;
        padding-bottom: 0px;
}

section p {
    margin: 0 0 20px;
    line-height: 1.5;
}


.breadcrumb a, .breadcrumb>.active {
    color: #fff;
    text-transform: capitalize;
}


.h3t { 
  padding: 5px;
    display: inline-block;
    margin-left: 20px;
    padding-bottom: 5px;
    text-align: left;
    border-bottom: 3px #f7a001 solid;
    padding-left: 1px;
    padding-right: 58px;
    margin-left: 37px;
    margin-top: 34px;
    margin-bottom: 30px;
    font-size: 34px;
    /* text-transform: capitalize; */
    font-weight: 400;
    color: #fbfbfb; }


    .h3tcol { background-color: #3f6585; color: #fff; padding: 0px;  height: 100%; width: 30%;   }

    .h7tcol { background-color: #fff; padding: 0px;    height: 100%; overflow: auto; width: 70%;  }

    .myul{     line-height: 35px;    font-size: 15px; }


    .prorow { border: 1px #ddd solid; color: #2b3b55;  background-color: #fff; padding: 10px; margin-bottom: 15px; cursor: pointer }
        .prorow:hover { border: 1px #ddd solid; color: #2b3b55;  background-color: #f2f2f2; padding: 10px; }


        .navbar-inverse {
    background-color: #416584;
    border-color: #080808;
}

.iconset .thumbnail { line-height: 14px; }

.iconset .thumbnail .item-icon {
    font-size: 37px;
    margin-bottom: 10px;
}



 .navbar-inverse .active {
    background-color: initial !important;
    opacity: 1;
    text-align: center;
    border: 0px #1a5484 solid !important;
    filter: blur(0px) invert(0%);
}



 .navbar-inverse .col-md-10 { width: 75%; }
 .navbar-inverse .col-md-2 { width: 25%; }

 .table-files th { background-color: #f2f2f2 }
 .table-files td {      opacity: 1;
    text-align: left !important;
    padding-left: 38px !important;
}


.iconset .thumbnail.selected, .table-files .selected {
    background: #357ab5 !important;
}

.thumbnail {


    line-height: 2.4;

}


.panel-info>.panel-heading {
    color: #c8d9ef;
    background-color: #054370;
    border-color: #054370;
}

.panel-info {
    border-color: #d8d8d8;
}


#dropDownMenuLang { display: none; }


.container-fluid { height: initial !important; }

.main, .row, .sidebar, angular-filemanager>div { height: initial !important;  }



.breadcrumb li:first-child { 
    display: none;
}



.breadcrumb li:nth-child(2){ 
    display: none;
}

.breadcrumb li:nth-child(3){ 
    display: none;
}

.breadcrumb li:nth-child(4){ 
    display: none;
}

.breadcrumb li:nth-child(5){ 
    display: none;
}

.breadcrumb li:nth-child(6){ 
    display: none;
}



.main  {     height: 100% !important;
    background-color: #fff; }


.item-list { min-height: 450px; }    

.spinner-wrapper { 
position: absolute; top: 0px; left: 0px;

 }


 input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}