body {
    /*overwritting offcanvas.css default*/
    padding-top: 0;

    /*background-image: url("../img/mooning.png");*/
    /*background-image: url("img/mochaGrunge.png");*/

    background: rgb(202, 202, 202);

/*
    background: -webkit-linear-gradient(top, #82878f 0%,#73787e 100%);
background: -o-linear-gradient(top, #82878f 0%,#73787e 100%);
background: -ms-linear-gradient(top, #82878f 0%,#73787e 100%);
background: linear-gradient(to bottom, #82878f 0%,#73787e 100%);
*/

   /*background-color: rgb(193, 197, 201)*/

   /*background-color: silver;*/
    /*background-image: url("img/background_apple.png");*/


    /*http://tympanus.net/codrops/2013/08/28/transitions-for-off-canvas-navigations/*/
    /*font-family: 'Lato', Calibri, Arial, sans-serif;*/
}
h1 { font-size: 3em;}
/*h2 { color: white;}*/

.table thead>tr>th,
.table tbody>tr>th,
.table tfoot>tr>th,
.table thead>tr>td,
.table tbody>tr>td,
.table tfoot>tr>td {
    vertical-align: inherit;
}



.card-shadow {
    -webkit-box-shadow: 1px 10px 55px -2px rgba(0,0,0,0.19);
    -moz-box-shadow: 1px 10px 55px -2px rgba(0,0,0,0.19);
    box-shadow: 1px 10px 55px -2px rgba(0,0,0,0.19);
}
.left-navigation-panel-shadow {
    -webkit-box-shadow: 10px 10px 55px -2px rgba(0,0,0,0.19);
    -moz-box-shadow: 10px 10px 55px -2px rgba(0,0,0,0.19);
    box-shadow: 10px 10px 55px -2px rgba(0,0,0,0.19);
}

.json-info {
	/*background: transparent;*/
	/*width: 80%;
	min-height: 360px;
	border: none;*/
	font-size: 26px;
	/*text-align: left;
	overflow: hidden;*/
	font-family: monospace;
	/*margin-left: 10%;*/
}
/*override prism.css*/
pre[class*="language-"] {
	background: transparent;
	/*border: 1px solid #ffffff;*/
}
code[class*="language-"], pre[class*="language-"] {
	color: #333333;
}
/*.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
	color: #333333;
}*/
#left_navigation_panel {
    /*position: absolute;*/
    /*position: fixed;
    top: 100;
    left: 20;*/
    /*top: 1px;*/
    /*background-image: url("img/mooning.png");*/
    background: white;
    /*box-shadow: 0 2px 9px 2px #909090;*/
    border: 1px solid lightgrey;
    min-width: 100px;
    max-width: 230px;
    /*margin-left: -10px;*/
    margin-left: 2%;
    /*+++ on line non ce*/
    width: 210px;
    /*text-shadow: #000 0px 2px 3px;*/
}
#left_navigation_panel .label-default {
    /*box-shadow: 0 2px 9px 2px #909090;*/
    /*text-shadow: #111 0px 2px 6px;*/
}
#left_navigation_panel a {
    color: #222222;
    font-size: 1.3em;
    font-weight: bold;
}

#sidebar_info_container {
    margin-top: -15px;
}

#main_container {
	/*margin-right: -10px;	*/
}

.page-header {
    margin-top: 0;
}
.img-responsive {
    display: inline;
}

.panel {
    /*z-index: -1;*/
}

.unstyled_list {
    list-style-type: none;
}

.close_sidebar:hover {
    text-decoration: none;
}


.work_title {
    /*background-color : #0c1021;*/
    /*background-image: url("img/mooning.png");*/
    /*color: white;*/
}

.label-default {
    /*background-color: lightslategray;*/
    /*margin: 1px;*/
    /*opacity: 0.9;*/
}

.mongodb    {background: #584034 ; color: #008f3f;}
.python     {background: #3975a5 ; color: #ffd53e;}
.php        {background: #5a69a5 ; color: #000000;}
.html       {background: #e44d26 ; color: #ffffff;}
.css        {background: #2262af ; color: #fafafa;}
.javascript {background: #f0db4f ; color: #323330;}
.node       {background: #8cc84b ; color: #46483e;}
.mysql      {background: #ffffff ; color: #00618a; /*border: 1px solid whitesmoke;*/}
.sql        { color: #e48e00; }
.nubilaria  {background: #ddd ; color: rgb(18, 68, 91); }
.vcu        {background: #f5c700 ; color: #000000; }
.townsend   {background: #ffffff ; color: #123d6b; border: 1px solid #a2ca69; }
.java       {background: white ; color: #ea2d2e; border: 1px solid #0074bd; }
.android    {background: white ; color: #97c024; }
.ios        {height: 15px; width: 28px; margin-left: 0px; font-weight: normal;}
.objective_c {background:rgba(53, 77, 105, 1);}
/*.cocoa_touch {background: #F1F1F1; color: black;}*/
.heroku     {background: #58488a ; color: white; }
.aws_ec2    {background: white ; color: black; border: 1px solid #e47911; }
.processing {background: #0c2033 ; color: white; }
.git        {background: white ; color: #413932; border: 1px solid #f54d27; }
.unix       {background: white ; color: black; font-weight: bold; }
.asp_net    {background: #274c9a ; color: #f6f5fd; }
.visual_c   {background: #652d90 ; color: #fffffd; }
.shell_scripting   {background: black ; color: lime; }
.json       {background: rgb(250, 240, 230) ; color: #171717; }
.linux      {background: rgb(29, 55, 91) ; color: white; }
.zend      {background: #a5e3f3; color: rgb(97, 164, 68); }

li.sidebar_label {
    /*margin-left: 0;*/

    /*transition: .4s;*/
   padding-top: 2px;
   padding-bottom: 2px;
}
li.sidebar_label:hover {

    /*box-shadow: 0 2px 9px 2px #909090;*/

    /*text-shadow: #999 0px 0px 1px;*/

   opacity: .6;

    /*font-size: 1.05em;*/

    /*margin-left: 4px;*/
}
.nav li:hover {
    text-shadow: #999 0px 0px 1px;
}
.glyphicon {
    margin-left: 5px;
}
#left_navigation_panel a:hover {
    /*height: 50px;*/
    /*box-shadow: 0 2px 9px 2px #909090;*/
    /*text-shadow: black 0px 0px 1px;*/
    background: inherit;
    width: auto;
    height: auto;
}


#change_lang {
    position: fixed;
    right: 20px;
    top: 20px;
    /*padding: 12px 18px;*/
    width: 70px;
    height: 45px;
    z-index: 1000;
}

.affix {
    position: fixed;
    top: 70px;
    left: 0px;
}
.affix-bottom {
 position: fixed;
 top: 70px;
}
.affix-top {

}

#menu_ico {
    margin-top: 40px;
}
/*#menu_ico:active{
    src:"img/menu_ico_red.png";
}*/
#spinner {
    /*margin: 0 auto;*/
    position: fixed;
    top: 250px;
    left: 48%;
}

.android_iat_icon {
    width: 64px;
    height: 64px;
    box-shadow: 0 1px 9px 1px #909090;
    /*border: 1px solid darkgrey;*/
    /*box-shadow: 0px 0px 10px 0px #4d4d4d;*/
    /*border-radius: 5px;*/
}
.ios_icon {
    width: 64px;
    height: 64px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}


.android_tmt_icon {
    width: 80px;
    height: 80px;
}

.bold {
    font-weight: bold;
}
.center {
    text-align: center;
}
.hide {
    display: none;
}
.show {
    display: inline;
}
#demo_link {
    cursor: pointer;
    text-align: center;
    display: none;
}
#i_frame {
    border: .06em solid grey;
    margin-left: 4%;
    margin-right: 4%;
    background: whitesmoke;
    /*margin: 50px;*/
   -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

    /*-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.48);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.48);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.48);*/

    -webkit-box-shadow: 0 1px 9px 3px #888;
    -moz-box-shadow:    0 1px 9px 3px #888;
    box-shadow: 0 1px 9px 3px #888;
}
#back_header_button {
    /*width: 20px;
   height: 20px;*/
   color: rgb(21, 125, 251);
   font-size: 18px;
   width: 80px;
   display: inline block;
   cursor: pointer;
}
#back_header_arrow {
    height: 50px;
    /*float: left;*/
}
.page-header {
    padding-bottom: 0;
}


#footer {
	border-top: 1px solid #eee;
	border-bottom: 0px;
	text-align: center;
	padding-top: 10px;
}

/*@media (min-width: 1024px)  {
    body {
        background-image: url("../img/mooning.png");
    }
}*/

@media (min-width: 990px)  {

    #left_navigation_panel {
        /*box-shadow: 0 2px 9px 2px #909090;*/


               /*-webkit-box-shadow: 11px 2px 5px -4px rgba(0,0,0,0.35);
        -moz-box-shadow: 11px 2px 5px -4px rgba(0,0,0,0.35);
        box-shadow: 11px 2px 5px -4px rgba(0,0,0,0.35);*/


        /*-webkit-box-shadow: 10px 10px 55px -2px rgba(0,0,0,0.19);
        -moz-box-shadow: 10px 10px 55px -2px rgba(0,0,0,0.19);
        box-shadow: 10px 10px 55px -2px rgba(0,0,0,0.19);*/


    }

    .card {
                /*box-shadow: 0 2px 9px 2px #909090;*/

               /*-webkit-box-shadow: -3px 36px 25px -24px rgba(0,0,0,0.75);
        -moz-box-shadow: -3px 36px 25px -24px rgba(0,0,0,0.75);
        box-shadow: -3px 36px 25px -24px rgba(0,0,0,0.75);*/



        /*-webkit-box-shadow: -4px 24px 12px -18px rgba(51,43,51,1);
        -moz-box-shadow: -4px 24px 12px -18px rgba(51,43,51,1);
        box-shadow: -4px 24px 12px -18px rgba(51,43,51,1);*/


        /*-webkit-box-shadow: 1px 10px 55px -2px rgba(0,0,0,0.19);
        -moz-box-shadow: 1px 10px 55px -2px rgba(0,0,0,0.19);
        box-shadow: 1px 10px 55px -2px rgba(0,0,0,0.19);*/



               /*-webkit-box-shadow: -2px 19px 5px -13px rgba(0,0,0,0.45);
        -moz-box-shadow: -2px 19px 5px -13px rgba(0,0,0,0.45);
        box-shadow: -2px 19px 5px -13px rgba(0,0,0,0.45);*/


                /*border: 1px solid LIGHTSLATEGRAY;*/
    }
    .card:hover {
    		/*border: 1px solid rgba(60,60,60,.4);*/

    		/*border: 2px solid rgb(221, 221, 221);*/
    }




}
@media (min-width: 976px)  {

	#right_container {
		max-width: 3000px;
		padding-left: 0px;
	}
	#left_navigation_panel {
		margin-left: -20px;
	}
	.container {
		max-width: 3000px;
		padding-left: 30px;
		padding-right: 30px;
	}
    #demo_link {
        display: inline;
    }

}
@media (max-width: 975px)  and (min-width: 768px) {
	#right_container {
		max-width: 670px;
		padding-left: 60px;
	}
   .container {
        max-width: 3000px;
        padding: 0px;
    }
    .json-info {
    	font-size: 20px;
    }

}
@media (max-width: 768px)  {
	#right_container {
		max-width: 3000px;
		padding: 0px;
	}
	#parent_node {
		display:none;
	}
	.csshack {
	    display: none;
	}
	.json-info {
		font-size: 14px;
	}
}


@media(orientation: portrait) {
	a {
		flex: 0 24%;
	}
    .card {
        margin-left: 2%;
        margin-right: 2%;
    }
}