.gray
 {
 	background-color: #eee;
 	padding: 5px 5px 5px 5px;
 }

 .col-md-4
 {
 	padding: 7px 7px 7px 7px;
 }
 .title
 {	
 	font-size: 20px;
    color:#5bc0de;
}
 .title2
 {	
    color:#5bc0de;
        margin-bottom: 0px;
    margin-top: 0px;
}
.shortTag
{
npadding-left:15px;
}
.cke_dialog { 
z-index: 1000000 !important; 
} 
.modal { overflow: auto !important; }

.com { color: #93a1a1; }
.lit { color: #195f91; }
.pun, .opn, .clo { color: #93a1a1; }
.fun { color: #dc322f; }
.str, .atv { color: #D14; }
.kwd, .prettyprint .tag { color: #1e347b; }
.typ, .atn, .dec, .var { color: teal; }
.pln { color: #48484c; }

.prettyprint {
  padding: 8px;
  background-color: #f7f7f9;
  border: 1px solid #e1e1e8;
}
.prettyprint.linenums {
  -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
     -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
          box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin: 0 0 0 33px; /* IE indents via margin-left */
}
ol.linenums li {
  padding-left: 12px;
  color: #bebec5;
  line-height: 20px;
  text-shadow: 0 1px 0 #fff;
}
a.btnxx
{
  margin-bottom: 3px;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */

    border-bottom: 16px solid blue;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
     position: fixed;
  left: 50%;
  top: 50%;
  z-index: 1;
  margin: -75px 0 0 -75px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.navbar-bootsnipp .navbar-brand, .navbar-bootsnipp .navbar-nav > li:not(.disabled).active > a {
    color: #337ab7 !important
}

.navbar-bootsnipp{
  border-color: #337ab7 !important
}
.navbar-bootsnipp .navbar-nav > li > a {
    border: 0px solid;
    border-color:  #337ab7 !important;
}

.footer{
  background-color: #337ab7 !important;
}
.footer div p{
  color:#fff !important;
}