.MathJax {
        width: auto!important;
        font-size: 13px!important;
        margin: 0px!important;
        padding: 0px!important;
    }
    html{
        height: 100%;
        padding: 90px 0px 60px;
    }

    body {
        background: url(../css/elements.png) #f9f0d4/*43c0c9*/ center center fixed;
        background-size: cover;
        height: 100%;
        font-family: Arial, sans-serif!important;
        overflow: hidden;
    }
    
    nav {
        z-index: 9!important;
    }
    .btn {
        z-index: 9999!important;
    }
    .navbar-fixed-top {
        background: #f2836b/*2b92a9*/;
        width: 98%;
        border-radius:0px 0px 10px 10px;
        border: 0px;
    }
        .navbar-brand {
            font-size: 20px;
            font-weight: bold;
            color: #fff!important;
            text-shadow: 1px 1px 3px #333;
        }
        .navbar-header .navbar-toggle,.navbar-header .navbar-toggle:hover,.navbar-header .navbar-toggle:focus {
            background: #fff;
            color: #fff!important;
        }
        .navbar-right li a + .tooltip > .tooltip-inner {
            color: #fff; 
            padding: 10px 20px;
            font-size: 14px;
            border-radius: 10px;
        }

    .fcenter-btn {
        border: none;   
    }

    .navbar-tabs.pull-right div a span, .fcenter-btn {
        background: #f2e1ac!important;
        box-shadow: #c7b285 0px 3px 0px;
        color: #666;
        font-weight: bold;
    }
    .navbar-tabs.pull-right div a span:hover,
    .navbar-tabs.pull-right div a span.active,
    .navbar-tabs.pull-right div a span:focus {
        background: #aedccf!important;
        box-shadow: #a6cbbd 0px 2px 0px;
        color: #666;
    }
    .fcenter-btn:hover,
    .fcenter-btn:focus {
        background: #aedccf!important;
        box-shadow: #a6cbbd 0px 2px 0px;
        color: #666;
    }
    
    .navbar-fixed-bottom {
        width: 98%;
        border-radius:10px 10px 0px 0px;
        padding-top: 7px;
        padding-bottom: 0px;
        background: #f2836b;
        border: 0px;
    }

    .navbar-fixed-bottom .btn-group {
        padding: 2px;
        border-radius: 5px;
    }

    .navbar-fixed-bottom .btn-group .btn {
        background: #f2e1ac;
        color: #666;
        border: #e67d67 solid 1px;
        padding-left: 6px!important;
        padding-right: 6px!important;
    }
    .navbar-fixed-bottom .btn-group .btn:hover,
    .navbar-fixed-bottom .btn-group .btn.active,
    .navbar-fixed-bottom .btn-group .btn:focus {
        color: #f2594b;
    } 

@media (width: 320px) {
    .navbar-fixed-bottom .btn-group .btn {
        font-size: 12px;
        padding-left: 8px;
        padding-right: 8px;
    }
}

    
    #mainCont {
        background: #fff;
        height: 100%;
        width: 95%;
        overflow-y: auto;
        padding: 30px 90px;
        border-right: 10px solid #fff;
        border-radius: 10px; 
        color: #444;
        font-size: 17px;
        line-height: 2em;
    }
        #mainCont a {
            width: 100%;
        }

        #mainCont pre {
            font-size: 18px!important;
        }
            #mainCont h3 {
                margin-bottom: 15px;
            }

            #mainCont a img {
                margin: 20px auto;
                text-align: center;
            }
            .modal-content h3 {
                margin:15px 5%;
                text-align: left;
            }
            .modal-content ul {
                margin:15px 4.5%;
                text-align: left;
            }

    /* At media section */
    @media (min-width: 769px){
        .navbar-right {
            position: absolute;
            right: 60px;
            top: 60px;
        }
            .navbar-right li a{
                background: #f2e1ac;
                color: #666!important;
                border-radius: 12px;
                padding: 10px 40px;
                margin: 0px 2px;
                box-shadow: #c7b285 0px 3px 0px;
            }
        
            .navbar-right li a:hover{
                background: #aedccf!important;
                color: #666!important;
                font-weight: bold;
                box-shadow: #a6cbbd 0px 3px 0px;
            }
        
            .navbar-right li a:focus{
                background: #aedccf!important;
                color: #666!important;
                font-weight: bold;
                box-shadow: #a6cbbd 0px 3px 0px;
            }
        
            .navbar-right li.active a{
                background: #aedccf!important;
                color: #666!important;
                font-weight: bold;
                box-shadow: #a6cbbd 0px 3px 0px;
            }
    }
    
    @media (max-width: 991px){
        .fcenter {
            text-align: left;
        }
    }
    
    @media (max-width: 768px){
        .fcenter {
            text-align: center;
        }
        body {
            background: url(../css/elements.png) #b4dbd4 center center fixed no-repeat;
            background-size: 100% 100%;
            height: 100%;
        }
        html {
            padding: 0;
        }
        #mainCont {
            position: absolute;
            height: 100%;
            width: 100%;
            margin-top: 56px!important;
            margin-bottom: 56px!important;
            padding: 0px 40px 100px;
            border-radius: 0;
            overflow: scroll;
        }    
        .navbar {
            border-radius: 0px;
        }
        .navbar-fixed-top {
            width: 100%;
        }
        
    
        .navbar-collapse {
            background: #f2836b/*2b92a9*/;
            position: absolute;
            top: 61px;
            right: 30px;
            border-radius: 5px;
            box-shadow: 2px 2px 4px #666; 
            max-width: 200px;
            overflow: hidden;
        }
        
        .navbar-collapse li{
            background: none/*2b92a9*/;
            width: 90%;
        } 
        
        .navbar-default .navbar-nav > li > a {
            color: #fff;
            text-align: center;
            margin: 0px 5px;
            min-width: 150px;
        }
        
        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: #666;
            font-weight: bold;
            background: none;
            border-radius: 10px;
        }
        
        .navbar-default .navbar-nav > .active > a, 
        .navbar-default .navbar-nav > .active > a:hover, 
        .navbar-default .navbar-nav > .active > a:focus {
            background: none;
            color: #666;
            font-weight: bold;
        }
        
        #point-up {
            position: absolute!important;
            top: -10px;
            right: 30px;
            display:inherit!important;
            color: #f2836b/*2b92a9*/;
        }
        
        .navbar-tabs.pull-right {
            position: absolute;
            top: 0px;
            width: 100%;
            text-align: right;
        }
        .navbar-collapse.collapse.in {
            z-index: 2000;
        }
        .tooltip {
            display: none!important;
        }
        
        .navbar-tabs.pull-right div {
            position: absolute;
            z-index: 1000;
            top: 60px;
            right: 90px;
        }
            .navbar-tabs.pull-right div li a {
                color: #fff!important;
            }
        
        .navbar-fixed-bottom {
            width: 100%;
        }

        .objmod {
            margin-top: 150px!important;
        }
    } 
    
    @media (max-width: 768px){
        #mainCont {
            padding-top: 35px!important;
            padding-bottom: 120px!important;
        }
    }  

    @media (max-width: 850px){
        .smaller {
            padding-left: 25px!important;
            padding-right: 25px!important;
        }    
    }
                

    .title {
        background: none;
        color: #fff;
        text-shadow: 2px 2px 2px #999;
    }

    .objmod {
        background: #f2836b;
        padding: 10px;
        color: #fff;
    }
        @media (min-width: 769px){
            .modal-dialog {
                width: 80%;
                margin-left: auto;
                margin-right: auto;
            }
        }
            .modal-content img  {
                 margin:0px auto!important;
            }

    .objmod ul li {
        line-height: 2.2em;
        font-size: 16px;
    }

    @media (max-width: 768px) {       
        .navbar-brand {
            font-size: 14px;
            font-weight: bold;
            color: #fff!important;
            text-shadow: 1px 1px 3px #333;  
        }
    }   
    @media (max-width: 517px) {       
        .navbar-brand {
            position: absolute;
            top:0px;
            left:15px;
            margin-top: none!important;
            font-size: 14px;
            font-weight: bold;
            color: #fff!important;
            text-shadow: 1px 1px 3px #333;
        }
    }
    
    @media (max-width: 480px){

        /*
        .navbar-brand {
            visibility: hidden;
        }
        */
        .navbar-tabs.pull-right div {
            position: absolute;
            z-index: 1000;
            top: 50px;
        }
        #mainCont {
            padding-top: 25px;
        }
    }

.animated {
    -moz-animation-name: pulseeffect;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;

    -moz-animation-iteration-count: infinite;
    -moz-animation-play-state: running;

    -webkit-animation-name: pulseeffect;

    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;
    -webkit-animation-play-state: running;

    animation-name: pulseeffect;
    animation-duration: 1s;

    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-play-state: running;
}

    @-moz-keyframes pulseeffect {
        0%   {
                color: #f2836b;
            }
        70%  {
                color: #f2594b;
            }
        100%  {
                color: #f2836b;
            }
    }
    @-webkit-keyframes pulseeffect {
        0%   {
                color: #f2836b;
            }
        70%  {
                color: #f2594b;
            }
        100%  {
                color: #f2836b;
            }
    }

    /* Standard syntax */
    @keyframes pulseeffect {
        0%   {
                color: #f2836b;
            }
        70%  {
                color: #f2594b;
            }
        100%  {
                color: #f2836b;
            }
    }

    .col-sm-6.col-xs-12 label {
        margin-left: 22px;
    }

    .checkstat {
        margin-left: 37px;   
    }
    .checkme {
        margin-top: -30px;
        visibility: hidden;
    }
    .col-sm-6.col-xs-12 label ul li {
        margin-left: -20px; margin-top: -35px;
        list-style: none;
        list-style-image: none;
        list-style-type: none;
    }
	
	
	
	.fright, #previous-Btn, #next-Btn {
    /* display: none!important; */
}


.mtext,
.mi,
.mo,
.mn {
    font-weight: normal!important;
    font-size: 14px;
    color: #333;
    font-family: sans-serif!important;
}



/*Custom*/

.next-btn
{
	display: block;
	width: 150px;
	height: 40px;
	margin: auto;
	background-color: #20a48c;
	text-align: center;
	padding: 10px;
	color: #fff;
	margin: auto;
	border-radius: 6px;
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
	-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
}

.next-btn:hover
{
	color: #fff;
	text-decoration: none;
	background-color: #208C8C;