* {
    box-sizing: border-box;
    font-family: "Oswald";
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body {
    background-color: #435165;
}
.login {
  	width: 400px;
  	background-color: #ffffff;
  	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
  	margin: 100px auto;
}
.login h1 {
  	text-align: center;
  	color: #5b6574;
  	font-size: 24px;
  	padding: 20px 0 20px 0;
  	border-bottom: 1px solid #dee0e4;
}
.login form {
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
  	padding-top: 20px;
}
.login form label {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	width: 50px;
  	height: 50px;
  	background-color: #fef105;
  	color: #333333;
}
.login form input[type="password"], .login form input[type="text"] {
  	width: 310px;
  	height: 50px;
  	border: 1px solid #dee0e4;
  	margin-bottom: 20px;
  	padding: 0 15px;
}
.login form input[type="submit"] {
  	width: 100%;
  	padding: 15px;
 	  margin-top: 20px;
  	background-color: #fef105;
  	border: 0;
  	cursor: pointer;
  	font-weight: bold;
  	color: #333333;
  	transition: background-color 0.2s;
}
.login form input[type="submit"]:hover {
	background-color: #c6bc08;
  color:white;
  transition: background-color 0.2s;
}


.navtop {
  background-color: #2f3947;
  height: 60px;
  width: 100%;
  border: 0;
}
.navtop div {
  display: flex;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.navtop div h1, .navtop div a {
  display: inline-flex;
  align-items: center;
}
.navtop div h1 {
  flex: 1;
  font-size: 24px;
  padding: 0;
  margin: 0;
  color: #eaebed;
  font-weight: normal;
}
.navtop div a {
  padding: 0 20px;
  text-decoration: none;
  color: #c1c4c8;
  font-weight: bold;
}
.navtop div a i {
  padding: 2px 8px 0 0;
}
.navtop div a:hover {
  color: #eaebed;
}
body.loggedin {
  background-color: #e0e0e0;
}
.content {
  width: 100%;
}

.content h2 {
  margin: 0;
  font-size: 22px;
  border-bottom: 1px solid #e0e0e3;
  color: #4a536e;
}
.content > p, .content > div {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  margin: 15px 0;
  padding: 15px;
  background-color: #fff;
}
.content > p table td, .content > div table td {
  padding: 5px;
}
.content > p table td:first-child, .content > div table td:first-child {
  font-weight: bold;
  color: #4a536e;
  padding-right: 15px;
}
.content > div p {
  padding: 5px;
  margin: 0 0 10px 0;
}

.sheader{
  background-color:#555566; color:#eeeeee; padding:5px; font-size:1.2em;text-shadow: 2px 2px #000000;
  cursor:pointer;
}


.so {

}

.so::after {
   content:"\f0c9";
   font-family:FontAwesome;
   position:absolute;
   right:20px;
   color:#cccccc;
}

.sc {

}

.sc::after {
   content:"\f00d";
   font-family:FontAwesome;
   position:absolute;
   right:20px;
   color:#cccccc;
}


.item{
  padding:4px;
  padding-top:4px;
  padding-bottom:4px;
  font-size:1.1em;
  border-left:4px solid transparent;
}

.identitem {
   padding-left:50px;
}

.item a {
  margin:5px;
  color:white;
   font-size:1.05em;
  text-decoration:none;
 
}


.section {
   background-color:#888888;
   border-radius:4px;
   border:2px solid #888888;
   margin-bottom:15px;
   margin-right:10px;
}

.section1 {
  margin:10px; 
  border-left:4px solid #444444;
  padding-left:10px;

}

.section-inner {
   display:none;margin:5px;margin-bottom:15px; border:1px solid #999999; border-radius:4px;background-color:#777777;
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}




.nolimits {
    margin:0px!important;
    padding:0px!important;
}

#left * {
   font-family:oswald!important;
}



/* pdf viewer css Section */

#show-pdf-button {
  width: 150px;
  display: block;
  margin: 20px auto;
}

#file-to-upload {
  display: none;
}

#pdf-main-container {
   margin:auto;
}

#pdf-loader {
  display: none;
  text-align: center;
  color: #999999;
  font-size: 13px;
  line-height: 100px;
  height: 100px;
}

#pdf-contents {
  display: none;
}

#pdf-meta {
  overflow: hidden;
  margin: 0 0 20px 0;
}

#pdf-buttons {
  float: left;
}

#page-count-container {
  float: right;
}

#pdf-current-page {
  display: inline;
}

#pdf-total-pages {
  display: inline;
}

#pdf-canvas {
  border: 1px solid rgba(0,0,0,0.2);
  box-sizing: border-box;
}

#page-loader {
  height: 100px;
  line-height: 100px;
  text-align: center;
  display: none;
  color: #999999;
  font-size: 13px;
}

.playground {
           display:none; position:absolute; top:0px; background-color:#cccccc; border:1px solid #222222; border-radius:4px;'>
}
.playground_header {
           background-color:#000066; cursor:move; text-align:center; color:white;
}
.playground_controls {
          float:right; cursor:pointer; color:#cccccc; padding-right:10px;
}
.playground_close {
          float:right; cursor:pointer; color:#ff6666; padding-right:10px;
}
.commands {
          padding:7px; border:1px solid #333333;background-color:#2f3947; color:#cccccc; border-radius:4px; cursor:pointer; font-family:oswald;
}
.commands:hover{
         color:#f98527;
}
.commands:focus{
         background-color:#2f3947
}

.row-container {display: flex; width: 100%; height: 100%; flex-direction: column; overflow: hidden;
}

.isDisabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.isDisabled > a {
  color: currentColor;
  /* display: inline-block;  IE11/ MS Edge bug */
  pointer-events: none;
  text-decoration: none;
}

.item a:before{
   font-family: "FontAwesome";
   content: "\f178";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   visibility:hidden;
}

/*
.item a:focus:after {
   color: #fef105;
   font-family: "FontAwesome";
   content: "\f178";
   display: inline-block;
   padding-left: 3px;
   vertical-align: middle;
   visibility:hidden;
}
*/

.item a:hover {
   color: #fef105;
}

.item a:hover:before {
   font-family: "FontAwesome";
   content: "\f178";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   visibility:visible;
}

.menu-inactive {
    color:white;
}
.menu-inactive:after {
   font-family: "FontAwesome";
   content: "\f178";
   display: inline-block;
   padding-left: 3px;
   vertical-align: middle;
   visibility:hidden;
}

.menu-active {
   color: #fef105!important;
}

.menu-active:after {
   color: #fef105;
   font-family: "FontAwesome";
   content: "\f178";
   display: inline-block;
   padding-left: 3px;
   vertical-align: middle;
   visibility:visible;
}

.gscroll {
    cursor: pointer;
    color: green;
}

.gscroll:hover {
      color: #fef105;
      
}

input[type='text'] { 
    text-transform: uppercase;
}

::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}
::placeholder { /* Recent browsers */
    text-transform: none;
}

@media (max-width:1366px) {
   #left * {
      font-size:15px!important;
   }
}

@media (max-width:1024px) {
   #left * {
      font-size:10px!important;
   }
}