/* Style 1 */
    .top_container {
        width: 80%;
        margin-top: 10px;
        margin: 20 auto;
    }
    .side_container {
        width: 80%;
        margin-top: 10px;
        margin: 20 auto;
    }
 	h1 {
		color: #002299;
		text-align: center;
		font-family: Verdana;
		font-size: 35px;
		line-height: 1em;
		margin-top: 0%;
	}
    h2 {
		text-align: center;
		font-family: Verdana;
		font-size: 30px;
		line-height: 1em;
		margin-top: 0%;
        margin-left: 0%;
	}

    p {
		text-align: justify;
        text-indent: 15px;
		font-family: Arial;
		font-size: 17px;
		line-height: 1em;
		margin-top: 0%;
        margin-right:  10%;
        margin-left: 10%;
	}

      #login_register_section{
      	display: none;
      }
      #profile_section{
      	display: none;
      }
      #latex_codes_section{
      	display: none;
      }
      #pagination_section{
      	display: none;
      }
      #add_latex_code{
      	display:none
      }

/* Style 2 */
      .CtxtMenu_InfoClose {  top:.2em; right:.2em;}
      .CtxtMenu_InfoContent {  overflow:auto; text-align:left; font-size:80%;  padding:.4em .6em; border:1px inset; margin:1em 0px;  max-height:20em; max-width:30em; background-color:#EEEEEE;  white-space:normal;}
      .CtxtMenu_Info.CtxtMenu_MousePost {outline:none;}
      .CtxtMenu_Info {  position:fixed; left:50%; width:auto; text-align:center;  border:3px outset; padding:1em 2em; background-color:#DDDDDD;  color:black;  cursor:default; font-family:message-box; font-size:120%;  font-style:normal; text-indent:0; text-transform:none;  line-height:normal; letter-spacing:normal; word-spacing:normal;  word-wrap:normal; white-space:nowrap; float:none; z-index:201;  border-radius: 15px;                     /* Opera 10.5 and IE9 */  -webkit-border-radius:15px;               /* Safari and Chrome */  -moz-border-radius:15px;                  /* Firefox */  -khtml-border-radius:15px;                /* Konqueror */  box-shadow:0px 10px 20px #808080;         /* Opera 10.5 and IE9 */  -webkit-box-shadow:0px 10px 20px #808080; /* Safari 3 & Chrome */  -moz-box-shadow:0px 10px 20px #808080;    /* Forefox 3.5 */  -khtml-box-shadow:0px 10px 20px #808080;  /* Konqueror */  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color="gray", Positive="true"); /* IE */}

      .CtxtMenu_MenuClose {  position:absolute;  cursor:pointer;  display:inline-block;  border:2px solid #AAA;  border-radius:18px;  -webkit-border-radius: 18px;             /* Safari and Chrome */  -moz-border-radius: 18px;                /* Firefox */  -khtml-border-radius: 18px;              /* Konqueror */  font-family: "Courier New", Courier;  font-size:24px;  color:#F0F0F0}
      .CtxtMenu_MenuClose span {  display:block; background-color:#AAA; border:1.5px solid;  border-radius:18px;  -webkit-border-radius: 18px;             /* Safari and Chrome */  -moz-border-radius: 18px;                /* Firefox */  -khtml-border-radius: 18px;              /* Konqueror */  line-height:0;  padding:8px 0 6px     /* may need to be browser-specific */}
      .CtxtMenu_MenuClose:hover {  color:white!important;  border:2px solid #CCC!important}
      .CtxtMenu_MenuClose:hover span {  background-color:#CCC!important}
      .CtxtMenu_MenuClose:hover:focus {  outline:none}

/* Style 3 */
      .CtxtMenu_Menu {  position:absolute;  background-color:white;  color:black;  width:auto; padding:5px 0px;  border:1px solid #CCCCCC; margin:0; cursor:default;  font: menu; text-align:left; text-indent:0; text-transform:none;  line-height:normal; letter-spacing:normal; word-spacing:normal;  word-wrap:normal; white-space:nowrap; float:none; z-index:201;  border-radius: 5px;                     /* Opera 10.5 and IE9 */  -webkit-border-radius: 5px;             /* Safari and Chrome */  -moz-border-radius: 5px;                /* Firefox */  -khtml-border-radius: 5px;              /* Konqueror */  box-shadow:0px 10px 20px #808080;         /* Opera 10.5 and IE9 */  -webkit-box-shadow:0px 10px 20px #808080; /* Safari 3 & Chrome */  -moz-box-shadow:0px 10px 20px #808080;    /* Forefox 3.5 */  -khtml-box-shadow:0px 10px 20px #808080;  /* Konqueror */}
      .CtxtMenu_MenuItem {  padding: 1px 2em;  background:transparent;}
      .CtxtMenu_MenuArrow {  position:absolute; right:.5em; padding-top:.25em; color:#666666;  font-family: null; font-size: .75em}
      .CtxtMenu_MenuActive .CtxtMenu_MenuArrow {color:white}
      .CtxtMenu_MenuArrow.CtxtMenu_RTL {left:.5em; right:auto}
      .CtxtMenu_MenuCheck {  position:absolute; left:.7em;  font-family: null}
      .CtxtMenu_MenuCheck.CtxtMenu_RTL { right:.7em; left:auto }
      .CtxtMenu_MenuRadioCheck {  position:absolute; left: .7em;}
      .CtxtMenu_MenuRadioCheck.CtxtMenu_RTL {  right: .7em; left:auto}
      .CtxtMenu_MenuInputBox {  padding-left: 1em; right:.5em; color:#666666;  font-family: null;}
      .CtxtMenu_MenuInputBox.CtxtMenu_RTL {  left: .1em;}
      .CtxtMenu_MenuComboBox {  left:.1em; padding-bottom:.5em;}
      .CtxtMenu_MenuSlider {  left: .1em;}
      .CtxtMenu_SliderValue {  position:absolute; right:.1em; padding-top:.25em; color:#333333;  font-size: .75em}
      .CtxtMenu_SliderBar {  outline: none; background: #d3d3d3}
      .CtxtMenu_MenuLabel {  padding: 1px 2em 3px 1.33em;  font-style:italic}
      .CtxtMenu_MenuRule {  border-top: 1px solid #DDDDDD;  margin: 4px 3px;}
      .CtxtMenu_MenuDisabled {  color:GrayText}
      .CtxtMenu_MenuActive {  background-color: #606872;  color: white;}
      .CtxtMenu_MenuDisabled:focus {  background-color: #E8E8E8}
      .CtxtMenu_MenuLabel:focus {  background-color: #E8E8E8}
      .CtxtMenu_ContextMenu:focus {  outline:none}
      .CtxtMenu_ContextMenu .CtxtMenu_MenuItem:focus {  outline:none}
      .CtxtMenu_SelectionMenu {  position:relative; float:left;  border-bottom: none; -webkit-box-shadow:none; -webkit-border-radius:0px; }
      .CtxtMenu_SelectionItem {  padding-right: 1em;}
      .CtxtMenu_Selection {  right: 40%; width:50%; }
      .CtxtMenu_SelectionBox {  padding: 0em; max-height:20em; max-width: none;  background-color:#FFFFFF;}
      .CtxtMenu_SelectionDivider {  clear: both; border-top: 2px solid #000000;}
      .CtxtMenu_Menu .CtxtMenu_MenuClose {  top:-10px; left:-10px}

/* Style 4 */
      mjx-container[jax="SVG"] {
        direction: ltr;
      }

      mjx-container[jax="SVG"] > svg {
        overflow: visible;
        min-height: 1px;
        min-width: 1px;
      }

      mjx-container[jax="SVG"] > svg a {
        fill: blue;
        stroke: blue;
      }

      mjx-assistive-mml {
        position: absolute !important;
        top: 0px;
        left: 0px;
        clip: rect(1px, 1px, 1px, 1px);
        padding: 1px 0px 0px 0px !important;
        border: 0px !important;
        display: block !important;
        width: auto !important;
        overflow: hidden !important;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      mjx-assistive-mml[display="block"] {
        width: 100% !important;
      }

      mjx-container[jax="SVG"][display="true"] {
        display: block;
        text-align: center;
        margin: 1em 0;
      }

      mjx-container[jax="SVG"][display="true"][width="full"] {
        display: flex;
      }

      mjx-container[jax="SVG"][justify="left"] {
        text-align: left;
      }

      mjx-container[jax="SVG"][justify="right"] {
        text-align: right;
      }

      g[data-mml-node="merror"] > g {
        fill: red;
        stroke: red;
      }

      g[data-mml-node="merror"] > rect[data-background] {
        fill: yellow;
        stroke: none;
      }

      g[data-mml-node="mtable"] > line[data-line], svg[data-table] > g > line[data-line] {
        stroke-width: 70px;
        fill: none;
      }

      g[data-mml-node="mtable"] > rect[data-frame], svg[data-table] > g > rect[data-frame] {
        stroke-width: 70px;
        fill: none;
      }

      g[data-mml-node="mtable"] > .mjx-dashed, svg[data-table] > g > .mjx-dashed {
        stroke-dasharray: 140;
      }

      g[data-mml-node="mtable"] > .mjx-dotted, svg[data-table] > g > .mjx-dotted {
        stroke-linecap: round;
        stroke-dasharray: 0,140;
      }

      g[data-mml-node="mtable"] > g > svg {
        overflow: visible;
      }

      [jax="SVG"] mjx-tool {
        display: inline-block;
        position: relative;
        width: 0;
        height: 0;
      }

      [jax="SVG"] mjx-tool > mjx-tip {
        position: absolute;
        top: 0;
        left: 0;
      }

      mjx-tool > mjx-tip {
        display: inline-block;
        padding: .2em;
        border: 1px solid #888;
        font-size: 70%;
        background-color: #F8F8F8;
        color: black;
        box-shadow: 2px 2px 5px #AAAAAA;
      }

      g[data-mml-node="maction"][data-toggle] {
        cursor: pointer;
      }

      mjx-status {
        display: block;
        position: fixed;
        left: 1em;
        bottom: 1em;
        min-width: 25%;
        padding: .2em .4em;
        border: 1px solid #888;
        font-size: 90%;
        background-color: #F8F8F8;
        color: black;
      }

      foreignObject[data-mjx-xml] {
        font-family: initial;
        line-height: normal;
        overflow: visible;
      }

      mjx-container[jax="SVG"] path[data-c], mjx-container[jax="SVG"] use[data-c] {
        stroke-width: 3;
      }