.m-a-0{
    margin:0 0!important
}
.m-t-0{
    margin-top:0!important
}
.m-r-0{
    margin-right:0!important
}
.m-b-0{
    margin-bottom:0!important
}
.m-l-0{
    margin-left:0!important
}
.m-x-0{
    margin-right:0!important;
    margin-left:0!important
}
.m-y-0{
    margin-top:0!important;
    margin-bottom:0!important
}
.m-a-1{
    margin:1rem 1rem!important
}
.m-t-1{
    margin-top:1rem!important
}
.m-r-1{
    margin-right:1rem!important
}
.m-b-1{
    margin-bottom:1rem!important
}
.m-l-1{
    margin-left:1rem!important
}
.m-x-1{
    margin-right:1rem!important;
    margin-left:1rem!important
}
.m-y-1{
    margin-top:1rem!important;
    margin-bottom:1rem!important
}
.m-a-2{
    margin:1.5rem 1.5rem!important
}
.m-t-2{
    margin-top:1.5rem!important
}
.m-r-2{
    margin-right:1.5rem!important
}
.m-b-2{
    margin-bottom:1.5rem!important
}
.m-l-2{
    margin-left:1.5rem!important
}
.m-x-2{
    margin-right:1.5rem!important;
    margin-left:1.5rem!important
}
.m-y-2{
    margin-top:1.5rem!important;
    margin-bottom:1.5rem!important
}
.m-a-3{
    margin:3rem 3rem!important
}
.m-t-3{
    margin-top:3rem!important
}
.m-r-3{
    margin-right:3rem!important
}
.m-b-3{
    margin-bottom:3rem!important
}
.m-l-3{
    margin-left:3rem!important
}
.m-x-3{
    margin-right:3rem!important;
    margin-left:3rem!important
}
.m-y-3{
    margin-top:3rem!important;
    margin-bottom:3rem!important
}
.p-a-0{
    padding:0 0!important
}
.p-t-0{
    padding-top:0!important
}
.p-r-0{
    padding-right:0!important
}
.p-b-0{
    padding-bottom:0!important
}
.p-l-0{
    padding-left:0!important
}
.p-x-0{
    padding-right:0!important;
    padding-left:0!important
}
.p-y-0{
    padding-top:0!important;
    padding-bottom:0!important
}
.p-a-1{
    padding:1rem 1rem!important
}
.p-t-1{
    padding-top:1rem!important
}
.p-r-1{
    padding-right:1rem!important
}
.p-b-1{
    padding-bottom:1rem!important
}
.p-l-1{
    padding-left:1rem!important
}
.p-x-1{
    padding-right:1rem!important;
    padding-left:1rem!important
}
.p-y-1{
    padding-top:1rem!important;
    padding-bottom:1rem!important
}
.p-a-2{
    padding:1.5rem 1.5rem!important
}
.p-t-2{
    padding-top:1.5rem!important
}
.p-r-2{
    padding-right:1.5rem!important
}
.p-b-2{
    padding-bottom:1.5rem!important
}
.p-l-2{
    padding-left:1.5rem!important
}
.p-x-2{
    padding-right:1.5rem!important;
    padding-left:1.5rem!important
}
.p-y-2{
    padding-top:1.5rem!important;
    padding-bottom:1.5rem!important
}
.p-a-3{
    padding:3rem 3rem!important
}
.p-t-3{
    padding-top:3rem!important
}
.p-r-3{
    padding-right:3rem!important
}
.p-b-3{
    padding-bottom:3rem!important
}
.p-l-3{
    padding-left:3rem!important
}
.p-x-3{
    padding-right:3rem!important;
    padding-left:3rem!important
}
.p-y-3{
    padding-top:3rem!important;
    padding-bottom:3rem!important
}
.preloader{
    position:fixed;
    left:0px;
    top:0px;
    background:#fff url(../images/preloader.png) center center no-repeat;
    width:100%;
    height:100%;
    z-index:9999
}
.depth1{
    box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2)!important
}
.depth1r{
    box-shadow:0 -2px 2px 0 rgba(0,0,0,0.14),0 -1px 5px 0 rgba(0,0,0,0.12),0 -3px 1px -2px rgba(0,0,0,0.2)
}
.depth2{
    box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3)
}
.depth3{
    box-shadow:0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3)
}
.r-m-05{
    margin:0px -5px
}
.c-p-05{
    padding:0px 5px
}
.r-m-02{
    margin:0px -2px
}
.c-p-02{
    padding:0px 2px
}
.r-m-01{
    margin:0px -1px
}
.c-p-01{
    padding:0px 1px
}
.r-m-0{
    margin:0px -0px
}
.c-p-0{
    padding:0px 0px
}
b,strong{
    font-weight:500
}
.font-thin{
    font-weight:100
}
.font-light{
    font-weight:300
}
.font-bold{
    font-weight:500
}
.font-ex{
    font-weight:900
}
.font-normal{
    font-weight:normal
}
.btn{
    border-radius:2px
}
.btn-primary{
    background:#0f81da;
    border-color:#0f81da
}
.list-group-item.active,.list-group-item.active:focus,.list-group-item.active:hover{
    background:#ef7810;
    border-color:#ef7810
}
.bg-default{
    background:#f9f9f9
}
a:hover{
    text-decoration:none
}
.label{
    letter-spacing:.05em;
    border-radius:60px;
    padding:4px 16px 3px;
    font-weight:400;
    font-size:14px
}
.label-rounded,.label-rouded{
    border-radius:60px;
    padding:4px 16px 3px;
    font-weight:500
}
.label-custom{
    background-color:#01c0c8
}
.label-success{
    background-color:#54ab18
}
.label-info{
    background-color:#03a9f3
}
.label-warning{
    background-color:#fec107
}
.label-danger{
    background-color:#e44507
}
.label-skipped{
    background-color:#999999
}
.label-default{
    background-color:#777
}
.label-status_answered_marked{
    background-color:#6739b6;
    border:1px solid #6739b6
}
.label-megna{
    background-color:#01c0c8
}
.label-primary{
    background-color:#b85513
}
.label-purple{
    background-color:#9675ce
}
.label-red{
    background-color:#fb3a3a
}
.label-inverse{
    background-color:#4c5667
}
.text-white{
    color:#fff
}
.text-danger{
    color:#e44507
}
.text-muted{
    color:#8d9ea7
}
.text-warning{
    color:#fec107
}
.text-success{
    color:#54ab18
}
.text-info{
    color:#03a9f3
}
.text-inverse{
    color:#4c5667
}
.text-blue{
    color:#02bec9
}
.text-purple{
    color:#9675ce
}
.text-primary{
    color:#ab8ce4
}
.text-megna{
    color:#01c0c8
}
.text-dark{
    color:#686868!important
}
.header{
    position:relative
}
.header .inner{
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    z-index:999
}
.lines{
    height:10px;
    background:#b85513;
    position:relative;
    overflow:hidden
}
.lines:before{
    content:'';
    position:absolute;
    width:50%;
    height:100%;
    background:#ffae00;
    top:0px;
    right:-20px;
    transform:skewX(45deg)
}
.navbar-dashboard{
    border:0px;
    border-radius:0px;
    background:#fff;
    padding-left:20px;
    padding-right:10px;
    margin:0px;
    z-index:99;
    border-bottom:1px solid #e4e4e4
}
.navbar-dashboard .navbar-brand{
    height:90px;
    padding:10px 0px
}
.navbar-dashboard .navbar-brand img{
    max-height:100%;
    max-width:100%
}
.navbar-dashboard .navbar-nav{
    margin-top:20px
}
.navbar-dashboard .navbar-nav>li>a i{
    position:relative;
    bottom:-1px
}
.navbar-dashboard .navbar-nav>li.special{
    padding-top:5px;
    margin-left:10px
}
.navbar-dashboard .navbar-nav>li.special>a{
    border:2px solid #b85513;
    color:#b85513;
    padding:0px 20px;
    border-radius:3px;
    height:40px;
    line-height:38px;
    text-transform:uppercase;
    font-weight:bold
}
.navbar-dashboard .navbar-nav>li.user{
    margin-left:20px
}
.navbar-dashboard .navbar-nav>li .dropdown-menu>li>a{
    padding-top:10px;
    padding-bottom:10px
}
.navbar-dashboard .navbar-nav>li.open>a,.navbar-dashboard .navbar-nav>li.open:active,.navbar-dashboard .navbar-nav>li.open:focus,.navbar-dashboard .navbar-nav>li.open:hover{
    background:#fff!important
}
.with-icon{
    position:relative;
    padding-right:30px!important;
    padding-left:60px!important
}
.with-icon .pic{
    display:block;
    height:50px;
    width:50px;
    background:#f90;
    position:absolute;
    left:0px;
    top:50%;
    margin-top:-25px;
    border-radius:100%;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-color:#eee!important
}
.with-icon .pic:before{
    content:'';
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    border-radius:100%;
    border:1px solid rgba(0,0,0,0.2)
}
.with-icon i{
    position:absolute!important;
    right:0px;
    top:50%;
    bottom:inherit!important;
    height:30px;
    line-height:30px;
    width:30px;
    margin-top:-15px;
    text-align:center;
    font-size:25px
}
.whitebox{
    background:white;
    padding:30px;
    border-radius:4px;
    border:1px solid #e4e4e4
}
.whitebox.whitebox-height{
    height:100%
}
.dashboard{
    padding:60px 0px 83px;
     
}
.withbg{
    position:relative;
    overflow:hidden;
    padding-top:30px
}
.withbg:before{
    content:'';
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    min-height:200px;
    background:url(../images/bg.jpg);
    background-size:cover;
    background-position:bottom center;
    z-index:1
}
.withbg .container{
    position:relative;
    z-index:5
}
.footer{
    background:#fff;
    text-align:center;
    padding:15px 0px 0px;
    position:relative;
    z-index:5;
    border-top:1px solid #e4e4e4
}
.breadcrumbs{
    background:#fbfbfb;
    position:relative;
    z-index:5;
    border-bottom:1px solid #e4e4e4
}
.breadcrumbs .breadcrumb{
    margin:0px;
    padding-left:0px;
    padding-right:0px;
    background:none;
    border-radius:0px
}
.breadcrumbs .breadcrumb a{
    color:#b85513
}
.wallet{
    margin-bottom:20px;
    text-align:center
}
.wallet .pic{
    display:block;
    min-height:100px;
    width:100px;
    border-radius:100%;
    margin:0 auto;
    margin-bottom:10px;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-color:#ccc!important
}
.wallet i{
    display:inline-block;
    height:15px;
    line-height:10px;
    width:15px;
    text-align:center;
    color:#9f9f9f;
    border-radius:100%
}
.wallet strong{
    display:block;
    font-size:16px;
    margin:5px 0px
}
.wallet .media{
    margin-bottom:10px
}
.facts h1{
    margin:0px;
    font-weight:900;
    height:100px;
    line-height:98px;
    width:100px;
    text-align:center;
    background:#fbfbfb;
    border:1px solid #e4e4e4;
    border-radius:100%;
    margin:0 auto;
    margin-bottom:10px;
    font-size:40px
}
.facts [class^="col"]{
    border-right:1px solid #e4e4e4
}
.facts [class^="col"]:last-child{
    border:none
}
.facts [class^="col"]:nth-child(1) h1{
    border-color:#6739b6;
    background:transparent;
    color:#6739b6
}
.facts [class^="col"]:nth-child(2) h1{
    border-color:#ffc107;
    background:transparent;
    color:#ffc107
}
.facts [class^="col"]:nth-child(3) h1{
    border-color:#2196f3;
    background:transparent;
    color:#2196f3
}
.order_table{
    border:1px solid #e4e4e4;
    background:#fff
}
.order_table>thead>tr>th,.order_table>thead>tr td{
    border-bottom:1px solid #e4e4e4;
    background:#fbfbfb;
    padding:12px 20px;
    text-transform:capitalize
}
.order_table tbody tr td{
    vertical-align:middle!important;
    padding:12px 20px;
    text-transform:capitalize;
    border-color:#e4e4e4
}
.form-control{
    border-color:#c2c2c2;
    box-shadow:none
}
.myhead{
    margin:0px;
    margin-bottom:20px;
    border-bottom:1px solid #e4e4e4;
    padding-bottom:10px;
    position:relative;
    transition:all .3s ease;
    text-transform:capitalize
}
/*.myhead:before{
    content:'';
    position:absolute;
    top:100%;
    left:0px;
    height:3px;
    margin-top:-1px;
    width:50px;
    background:#ccc
}
.myhead:after{
    content:'';
    position:absolute;
    top:100%;
    left:0px;
    height:3px;
    margin-top:-1px;
    width:25px;
    background:#676767
}*/
.courseblock{
    display:block;
    border:1px solid #d1d1d1;
    background:#fdfdfd;
    border-radius:2px;
    margin-bottom:10px;
    padding:20px;
    text-align:center
}
.courseblock i{
    display:block;
    height:60px;
    line-height:58px;
    width:60px;
    text-align:center;
    border:1px solid #0f81da;
    color:#0f81da;
    border-radius:100%;
    margin:0 auto;
    font-size:25px
}
.courseblock strong{
    display:block;
    margin:10px 0px;
    color:#494949;
    font-size:17px
}
.courseblock:hover{
    background:#fff;
    cursor:pointer
}
.testblock{
    border:1px solid #e4e4e4;
    display:block;
    padding:10px;
    margin-bottom:-1px
}
.testblock strong{
    display:block;
    line-height:34px;
    padding-left:50px
}
.testblock strong i{
    position:absolute;
    left:20px;
    top:0px;
    display:block;
    height:35px;
    line-height:33px;
    width:35px;
    text-align:center;
    
    color:#e4e4e4;
    border-radius:100%
}
.testblock p{
    line-height:34px;
    margin:0px
}
.testblock:nth-child(8n+1) strong i{
    border:1px solid #ef7810;
    color:#ef7810
}
.testblock:nth-child(8n+2) strong i{
    border:1px solid #ffc107;
    color:#ffc107
}
.testblock:nth-child(8n+3) strong i{
    border:1px solid #2196f3;
    color:#2196f3
}
.testblock:nth-child(8n+4) strong i{
    border:1px solid #00c853;
    color:#00c853
}
.testblock:nth-child(8n+5) strong i{
    border:1px solid #f44336;
    color:#f44336
}
.testblock:nth-child(8n+6) strong i{
    border:1px solid #1abc9c;
    color:#1abc9c
}
.testblock:nth-child(8n+7) strong i{
    border:1px solid #f04d4e;
    color:#f04d4e
}
.testblock:nth-child(8n+8) strong i{
    border:1px solid #ccdb38;
    color:#ccdb38
}
.test__area{
    position:fixed;
    left:0px;
    top:0px;
    height:100%;
    width:100%;
    background:#fff;
    z-index:999
}
.test__area .test__area__topbar{
    background:#0f81da;
    height:50px;
    padding:0px 30px
}
.test__area .test__area__topbar .logo{
    display:inline-block;
    height:50px;
    line-height:50px;
    font-size:16px;
    text-transform:uppercase;
    font-weight:bold;
    color:#fff;
    position:relative;
    padding-left:40px
}
.test__area .test__area__topbar .logo:before{
    content:"T4T";
    position:absolute;
    left:0px;
    top:50%;
    height:35px;
    line-height:31px;
    width:35px;
    text-align:center;
    border:2px solid #fff;
    color:#fff;
    font-size:14px;
    margin-top:-18px;
    border-radius:100%
}
.test__area .test__area__topbar .submit_btn{
    margin-right:-30px;
    height:50px;
    line-height:50px;
    float:right;
    background:#0f81da;
    font-size:16px;
    color:#fff;
    padding:0px 20px;
    text-transform:uppercase;
    cursor:pointer;
    font-weight:900
}
.test__area .test__area__topbar .submit_btn i{
    color:#ffba2d
}
.test__area .test__area__topbar #time{
    display:inline-block;
    float:right;
    padding:0px 0px;
    padding-left:40px;
    position:relative;
    margin-top:12px
}
.test__area .test__area__topbar #time span{
    display:inline-block;
    float:left;
    padding:0px 10px;
    color:#fff;
    text-align:center;
    border-left:1px solid rgba(255,255,255,0.5)
}
.test__area .test__area__topbar #time span:first-child{
    border:none
}
.test__area .test__area__topbar #time span b,.test__area .test__area__topbar #time span small{
    display:block
}
.test__area .test__area__topbar #time span b{
    font-size:20px;
    height:20px;
    line-height:20px;
    font-weight:900
}
.test__area .test__area__topbar #time span small{
    font-weight:300;
    text-transform:uppercase;
    font-size:10px;
    height:10px;
    line-height:10px;
    margin-top:5px
}
.test__area .test__area__topbar #time:before{
    font-family:'Simple-Line-Icons';
    content:"\e072";
    position:absolute;
    left:0px;
    top:50%;
    height:35px;
    line-height:31px;
    width:35px;
    text-align:center;
    border:2px solid #fff;
    color:#fff;
    font-size:18px;
    margin-top:-18px;
    border-radius:100%
}
.test__area .test__area__topbar #time.stop:before{
    content:"\e071"
}
.test__area .test__area__workarea{
    position:relative
}
.test__area .test__area__workarea .test__area__body{
    background:#fff;
    position:relative
}
.test__area .test__area__workarea .test__area__body .scrolling_area{
    overflow-y:auto;
    width:100%;
    padding:10px 30px
}
.test__area .test__area__workarea .test__area__body .test__area__header,.test__area .test__area__workarea .test__area__body .test__area__footer{
    height:50px;
    background:#fff;
    padding:0px 30px
}
.test__area .test__area__workarea .test__area__body .test__area__header span,.test__area .test__area__workarea .test__area__body .test__area__footer span{
    display:inline-block;
    float:left;
    line-height:35px;
    font-size:15px
}
.test__area .test__area__workarea .test__area__body .test__area__header span.ttabs,.test__area .test__area__workarea .test__area__body .test__area__footer span.ttabs{
    background:white;
    line-height:49px;
    border-right:1px solid #d5d5d5;
    padding:0px 20px
}
.test__area .test__area__workarea .test__area__body .test__area__header span.ttabs.active,.test__area .test__area__workarea .test__area__body .test__area__header span.ttabs:hover,.test__area .test__area__workarea .test__area__body .test__area__footer span.ttabs.active,.test__area .test__area__workarea .test__area__body .test__area__footer span.ttabs:hover{
    background:#fbfbfb;
    position:relative;
    cursor:pointer
}
.test__area .test__area__workarea .test__area__body .test__area__header span.ttabs.active:before,.test__area .test__area__workarea .test__area__body .test__area__header span.ttabs.active:after,.test__area .test__area__workarea .test__area__body .test__area__header span.ttabs:hover:before,.test__area .test__area__workarea .test__area__body .test__area__header span.ttabs:hover:after,.test__area .test__area__workarea .test__area__body .test__area__footer span.ttabs.active:before,.test__area .test__area__workarea .test__area__body .test__area__footer span.ttabs.active:after,.test__area .test__area__workarea .test__area__body .test__area__footer span.ttabs:hover:before,.test__area .test__area__workarea .test__area__body .test__area__footer span.ttabs:hover:after{
    content:'';
    position:absolute;
    left:50%;
    margin-left:-10px;
    top:100%
}
.test__area .test__area__workarea .test__area__body .test__area__header span.ttabs.active:before,.test__area .test__area__workarea .test__area__body .test__area__header span.ttabs:hover:before,.test__area .test__area__workarea .test__area__body .test__area__footer span.ttabs.active:before,.test__area .test__area__workarea .test__area__body .test__area__footer span.ttabs:hover:before{
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #d5d5d5
}
.test__area .test__area__workarea .test__area__body .test__area__header span.ttabs.active:after,.test__area .test__area__workarea .test__area__body .test__area__header span.ttabs:hover:after,.test__area .test__area__workarea .test__area__body .test__area__footer span.ttabs.active:after,.test__area .test__area__workarea .test__area__body .test__area__footer span.ttabs:hover:after{
    margin-left:-9px;
    border-left:9px solid transparent;
    border-right:9px solid transparent;
    border-top:9px solid #fbfbfb
}
.test__area .test__area__workarea .test__area__body .test__area__header span.ttabs:first-child,.test__area .test__area__workarea .test__area__body .test__area__footer span.ttabs:first-child{
    border-left:1px solid #d5d5d5
}
.test__area .test__area__workarea .test__area__body .test__area__header{
    top:0px;
    border-bottom:1px solid #d5d5d5
}
.test__area .test__area__workarea .test__area__body .test__area__footer{
    bottom:0px;
    border-top:1px solid #d5d5d5;
    padding-right:5px
}
.test__area .test__area__workarea .test__area__body .test__area__footer .action_btn{
    display:inline-block;
    height:40px;
    line-height:40px;
    background:#fff;
    color:#5d5d5d;
    padding:0px 30px;
    text-transform:uppercase;
    cursor:pointer;
    font-weight:bold;
    border-radius:3px;
    border:1px solid #b2b2b2
}
.test__area .test__area__workarea .test__area__body .test__area__footer .action_btn:hover{
    background:#0f81da;
    color:#ffffff
}
.test__area .test__area__workarea .test__area__body .test__area__footer .action_btn.action_btn_clear{
    background:#ef7810;
    color:#ffffff
}
.test__area .test__area__workarea .test__area__body .test__area__footer .action_btn.action_btn_review{
    background:#6739b6
}
.test__area .test__area__workarea .test__area__body .test__area__footer .action_btn.action_btn_save{
    background:#0f81da;
    color:#ffffff
}
.test__area .test__area__workarea .test__area__body .question_block{
    background:#fff;
    padding:20px;
    margin-bottom:15px;
    border:1px solid #d5d5d5;
    border-bottom-color:#c8c8c8;
    border-radius:5px;
    position:relative
}
.test__area .test__area__workarea .test__area__body .question_block .radio span{
    display:inline-block;
    margin-right:5px
}
.test__area .test__area__workarea .test__area__body .questionblock{
    background:#fff;
    padding:0px;
    border-radius:5px;
    position:relative
}
.test__area .test__area__workarea .test__area__body .questionblock:before,.test__area .test__area__workarea .test__area__body .questionblock:after{
    content:'';
    position:absolute;
    left:20px;
    top:100%
}
.test__area .test__area__workarea .test__area__body .questionblock:before{
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #d5d5d5
}
.test__area .test__area__workarea .test__area__body .questionblock:after{
    margin-left:1px;
    border-left:9px solid transparent;
    border-right:9px solid transparent;
    border-top:9px solid #fff
}
.test__area .test__area__workarea .test__area__body .questionblock i{
    font-size:18px;
    color:#b85513
}
.test__area .test__area__workarea .test__area__body .questionblock .questionblock_header{
    border-bottom:1px solid #d5d5d5;
    padding:10px;
    margin:-20px;
    margin-bottom:10px
}
.test__area .test__area__workarea .test__area__body .optionblock{
    background:#fff;
    padding:10px;
    border-radius:5px;
    margin:0px
}
.test__area .test__area__workarea .test__area__body .optionblock .radio{
    margin:0px
}
.test__area .test__area__workarea .test__area__body .optionblock .radio label{
    padding:0px;
    margin:0px
}
.test__area .test__area__workarea .test__area__body .optionblock .radio label span{
    margin-right:10px
}
.test__area .test__area__workarea .test__area__sidebar{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:335px;
    background:#fff;
    border-left:1px solid #d5d5d5
}
.test__area .test__area__workarea .test__area__sidebar:before{
    content:'';
    position:absolute;
    left:0px;
    bottom:0;
    width:100%;
    height:50px;
    background:-webkit-linear-gradient(top,transparent,#fff);
    background:-moz-linear-gradient(top,transparent,#fff);
    z-index:5
}
.test__area .test__area__workarea .test__area__sidebar .mytabs{
    background:white;
    padding:0px;
    margin:0px 0px;
    list-style:none;
    border-bottom:1px solid #d5d5d5
}
.test__area .test__area__workarea .test__area__sidebar .mytabs li{
    display:inline-block;
    border-right:1px solid #d5d5d5;
    float:left;
    position:relative
}
.test__area .test__area__workarea .test__area__sidebar .mytabs li a{
    display:block;
    height:49px;
    line-height:49px;
    padding:0px 20px;
    color:#676767;
    text-decoration:none
}
.test__area .test__area__workarea .test__area__sidebar .mytabs li a i{
    margin-right:5px
}
.test__area .test__area__workarea .test__area__sidebar .mytabs li:before{
    content:'';
    position:absolute;
    left:0px;
    bottom:-1px;
    height:2px;
    background:#b85513;
    z-index:1;
    width:100%;
    display:none
}
.test__area .test__area__workarea .test__area__sidebar .mytabs li.active a{
    background:#fbfbfb
}
.test__area .test__area__workarea .test__area__sidebar .mytabs li.active:before{
    display:block;
    background:#fbfbfb
}
.test__area .test__area__workarea .test__area__sidebar .tab-content{
    background:#fff;
    height:100%;
    max-height:100%;
    overflow-y:auto
}
.test__area .test__area__workarea .test__area__sidebar .points_intro{
    display:block;
    padding:0px;
    margin:0px -10px;
    list-style:none
}
.test__area .test__area__workarea .test__area__sidebar .points_intro li{
    display:inline-block;
    float:left;
    width:25%;
    padding:0px 10px;
    margin-bottom:10px
}
.test__area .test__area__workarea .test__area__sidebar .points_intro li span{
    display:block;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:100%;
    text-align:center;
    border:1px solid #d5d5d5
}
.test__area .test__area__workarea .test__area__sidebar .points_intro li.skipped span{
    background:#999;
    border-color:#999;
    color:#fff
}
.test__area .test__area__workarea .test__area__sidebar .points_intro li.attempted span{
    background:#e44507;
    border-color:#e44507;
    color:#fff
}
.test__area .test__area__workarea .test__area__sidebar .points_intro li.status_answered_marked span{
    background:#674786;
    border-color:#674786;
    color:#fff
}
.test__area .test__area__workarea .test__area__sidebar .points_intro li.skipped_marked_for_review span{
    background:#674786;
    border-color:#674786;
    color:#d8df07;
    font-size:18px;
    font-weight:600
}
.test__area .test__area__workarea .test__area__sidebar .points_intro li.wrong span{
    background:#e44507;
    border-color:#e44507;
    color:#fff
}
.test__area .test__area__workarea .test__area__sidebar .points_intro_list{
    display:block;
    padding:0px;
    margin:0px 0px;
    list-style:none
}
.test__area .test__area__workarea .test__area__sidebar .points_intro_list li span{
    border-bottom:1px solid #d5d5d5;
    display:block;
    padding:10px 20px
}
.test__area .test__area__workarea .test__area__sidebar .points_intro_list li.skipped span{
    border-left:2px solid #999
}
.test__area .test__area__workarea .test__area__sidebar .points_intro_list li.attempted span{
    border-left:2px solid #b85513
}
.test__area .test__area__workarea .test__area__sidebar .points_guide{
    display:block;
    padding:0px 20px;
    margin:0px 0px;
    list-style:none;
    text-align:center;
    background:#fbfbfb;
    border-bottom:1px solid #d5d5d5
}
.test__area .test__area__workarea .test__area__sidebar .points_guide li{
    display:inline-block;
    float:left;
    width:50%;
    margin-top:10px
}
.test__area .test__area__workarea .test__area__sidebar .points_guide li:last-child{
    width:100%!important;
    display:inline-block!important;
    float:left!important
}
.test__area .test__area__workarea .test__area__sidebar .points_guide li span{
    display:inline-block;
    height:50px;
    line-height:35px;
    position:relative;
    font-size:13px;
    text-align:left;
    float:left
}
.points_guide li span.status_count{
    float:left;
    width:30px;
    height:30px;
    background-color:red;
    line-height:30px;
    text-align:center;
    border-radius:15px;
    text-align:center;
    top:8px;
    right:0px
}
.points_guide li .answered{
    width:35px;
    height:35px!important;
    line-height:35px!important;
    background-color:#54ab18;
    color:#fff;
    text-align:center!important;
    display:inline-block!important;
    border-radius:50px;
    margin-right:8px
}
.points_guide li .not_answered{
    width:35px;
    height:35px!important;
    line-height:35px!important;
    background-color:#e44507;
    color:#fff;
    text-align:center!important;
    display:inline-block!important;
    border-radius:50px;
    margin-right:8px
}
.points_guide li .not_visited{
    width:35px;
    height:35px!important;
    line-height:35px!important;
    background-color:#999999;
    color:#fff;
    text-align:center!important;
    display:inline-block!important;
    border-radius:50px;
    margin-right:8px
}
.points_guide li .marked{
    width:35px;
    height:35px!important;
    line-height:35px!important;
    background-color:#674786;
    color:#fff;
    text-align:center!important;
    display:inline-block!important;
    border-radius:50px;
    margin-right:8px
}
.points_guide li .marked_for_review{
    width:35px;
    height:35px!important;
    line-height:34px!important;
    background-color:#674786;
    color:#d8df07;
    text-align:center!important;
    display:inline-block!important;
    border-radius:50px;
    margin-right:8px;
    font-weight:600;
    font-size:18px!important
}
.marked_for_review{
    font-size:15px
}
.radio,.radio-inline{
    cursor:pointer
}
.radio span,.radio-inline span{
    display:inline-block;
    height:16px;
    width:16px;
    border-radius:100%;
    background:#fff;
    border:1px solid #999;
    position:relative;
    text-align:center;
    bottom:-2px
}
.radio input[type="radio"],.radio-inline input[type="radio"]{
    display:none
}
.radio input[type="radio"]:checked+span,.radio-inline input[type="radio"]:checked+span{
    background:#0f81da;
    border-color:#0f81da
}
.radio input[type="radio"]:checked+span:before,.radio-inline input[type="radio"]:checked+span:before{
    content:'';
    height:6px;
    width:6px;
    background:white;
    border-radius:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:5
}
.checkbox,.checkbox-inline{
    cursor:pointer
}
.checkbox label,.checkbox-inline label{
    padding:0px
}
.checkbox span,.checkbox-inline span{
    display:inline-block;
    height:16px;
    width:16px;
    border-radius:3px;
    background:#fff;
    border:1px solid #999;
    position:relative;
    bottom:-3px;
    margin-right:5px
}
.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{
}
.checkbox input[type="checkbox"]:checked+span,.checkbox-inline input[type="checkbox"]:checked+span{
    background:#b85513;
    border-color:#b85513
}
.checkbox input[type="checkbox"]:checked+span:before,.checkbox-inline input[type="checkbox"]:checked+span:before{
    font-family:'FontAwesome';
    content:"\f00c";
    font-size:10px;
    position:absolute;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
    line-height:15px;
    text-align:center;
    color:white;
    z-index:3
}
.dmenu{
    margin:0px -30px;
    padding:0px;
    list-style:none
}
.dmenu li{
    display:block;
    border-bottom:1px solid #d1d1d1
}
.dmenu li a{
    color:#414141;
    display:block;
    padding:10px 20px;
    padding-left:60px;
    text-transform:uppercase;
    position:relative;
    font-weight:600
}
.dmenu li a i{
    position:absolute;
    left:25px;
    top:50%;
    margin-top:-15px;
    font-size:16px;
    height:30px;
    line-height:28px;
    width:30px;
    text-align:center;
    display:inline-block;
    border-radius:100%;
    margin-right:5px
}
.dmenu li.active a{
    background:#ef7810;
    color:#fff
}
.btn-file{
    position:relative;
    overflow:hidden
}
.btn-file input[type=file]{
    position:absolute;
    top:0;
    right:0;
    min-width:100%;
    min-height:100%;
    font-size:100px;
    text-align:right;
    filter:alpha(opacity=0);
    opacity:0;
    outline:none;
    background:white;
    cursor:inherit;
    display:block
}
.modal-content{
    box-shadow:none
}
.modal-backdrop.in{
    background:rgba(0,0,0,0.8);
    opacity:1
}
.form-container{
    max-width:600px;
    margin:0 auto
}
.panel-default{
    border-color:#e4e4e4;
    box-shadow:none
}
.panel-default .panel-heading{
    color:#333;
    background-color:#fbfbfb;
    border-color:#e4e4e4
}
.instruction_box{
    width:800px;
    background:#fff;
    position:fixed;
    left:50%;
    top:50%;
    overflow:hidden;
    border-radius:4px;
    border:1px solid #e4e4e4
}
.instruction_box p{
    font-size:14px;
    line-height:22px;
    margin-bottom:0px
}
.instruction_box ol{
    padding:25px
}
.instruction_box ol li{
    line-height:22px;
    font-size:14px
}
.instruction_box .instruction_box_header{
    padding:5px 20px 10px;
    border-bottom:1px solid #e4e4e4;
    text-align:center;
    background:#52a6f2;
    color:#fff
}
.instruction_box .instruction_box_header h4{
    margin:0px
}
.instruction_box .instruction_box_body{
    background-color:#fbfbfb;
    overflow-y:auto;
    padding:25px
}
.instruction_box .instruction_box_footer{
    padding:15px 20px;
    border-top:1px solid #c4c4c4
}
.exam_result{
    background:#fff;
    border:1px solid #fff
}
.chart_wrapper{
    background:#fdfdfd;
    border-right:1px solid #fff;
    padding:30px;
    height:100%
}
.result_ul{
    height:100%;
    margin:0px;
    padding:0px;
    list-style:none;
    display:block;
    position:relative
}
.result_ul li{
    height: 33.3%
}
.result_ul li span{
    display:block;
    height:100%;
    padding:15px 15px;
    text-transform:uppercase;
    font-weight:bold;
    vertical-align:middle
}
.result_ul li span:before{
    display:inline-block;
    height:100%;
    content:'';
    vertical-align:middle
}
.result_ul li:first-child span{
    border-top:0px
}
.statastics{
    height:100%
}
.statastics [class^="col"]{
    height:33.3%
}
.statastics .special{
    position:relative;
    border-left:1px solid #cbcbcb;
    border-top:1px solid #cbcbcb;
    padding:20px;
    height:100%;
    min-height:145px;
    text-align:center
}
.statastics .special i{
    display:inline-block;
    height:40px;
    line-height:40px;
    color:#fff;
    width:40px;
    background:#f90;
    border-radius:100%;
    text-align:center;
    margin-bottom:10px
}
.statastics .special small{
    display:block;
    line-height:12px;
    text-transform:uppercase;
    font-size:16px;
    margin-bottom:8px;
    color:#6a6a6a
}
.statastics .special b{
  display: block;
    height: 33px;
    line-height: 94px;
    font-size: 24px;
    font-weight: 700;
}
.statastics .special.special1{
    border-top:0px
}
.statastics .special.special1 i{
    background:#6739b6
}
.statastics .special.special2{
    border-top:0px
}
.statastics .special.special2 i{
    background:#ffc107
}
.statastics .special.special3 i{
    background:#2196f3
}
.statastics .special.special4 i{
    background:#00c853
}
.statastics .special.special5 i{
    background:#f44336
}
.statastics .special.special6 i{
    background:#1abc9c
}
.resulttabs{
    background:#fff;
    padding:10px;
    padding-bottom:0px;
    margin:0px;
    margin-bottom:-1px;
    list-style:none;
        display: flex;
    justify-content: center;
}
.resulttabs li{
    display:inline-block;
    float:left
}
.resulttabs li a{
    display:block;
    height:40px;
    line-height:40px;
    padding:0px 16px;
    border:1px solid transparent;
    border-bottom:0px;
    color:#676767;
    text-decoration:none
}
.resulttabs li.active a{
    border-color:#cbcbcb;
    background:#c4c4c4
}
.packages .panel-default{
    text-align:left;
    border-width:1px
}
.packages .panel-default>.panel-heading{
    border-radius:0px
}
.packages .panel-default>.panel-footer{
    border-radius:0px
}
.packages .panel-default .panel-body{
    padding:0px
}
.packages .list-group .list-group-item{
    border-radius:0px;
    border-left:0px;
    border-right:0px;
    border-top:0px;
    margin:0px;
    position:relative
}
.packages .list-group .list-group-item .savelbl{
    position:absolute;
    right:-5px;
    top:50%;
    margin-top:-14px;
    height:25px;
    line-height:25px;
    background:#fc0;
    color:#333;
    padding:0px 10px
}
.packages .list-group .list-group-item .savelbl:before,.packages .list-group .list-group-item .savelbl:after{
    content:'';
    position:absolute;
    right:100%
}
.packages .list-group .list-group-item .savelbl:before{
    border-top:0px solid transparent;
    border-bottom:12px solid transparent;
    border-right:12px solid #fc0;
    top:0px
}
.packages .list-group .list-group-item .savelbl:after{
    border-bottom:0px solid transparent;
    border-top:12px solid transparent;
    border-right:12px solid #fc0;
    bottom:0px
}
.packages .list-group .list-group-item .savelbl span{
    position:absolute;
    display:block;
    width:3px;
    height:25px;
    left:100%;
    top:5px;
    background:#f90
}
.packages .list-group .list-group-item.active{
    background-color:#6739b6;
    border-color:#6739b6;
    font-weight:900;
    font-size:20px
}
.packages .list-group .list-group-item:last-child{
    border-bottom:0px
}
.packages [class^="col"]:nth-child(5n+1) .list-group .list-group-item.active{
    background-color:#512d8f;
    border-color:#512d8f
}
.packages [class^="col"]:nth-child(5n+1) .panel-default{
    border-color:#6739b6
}
.packages [class^="col"]:nth-child(5n+1) .panel-default>.panel-heading{
    color:#fff;
    background-color:#6739b6;
    border-color:#6739b6
}
.packages [class^="col"]:nth-child(5n+1) .panel-default>.panel-footer{
    color:#fff;
    background-color:#6739b6;
    border-color:#6739b6
}
.packages [class^="col"]:nth-child(5n+1) .panel-default>.panel-footer .btn{
    background:white;
    border-color:white;
    color:#333;
    text-transform:uppercase
}
.packages [class^="col"]:nth-child(5n+2) .list-group .list-group-item.active{
    background-color:#0a6ebd;
    border-color:#0a6ebd
}
.packages [class^="col"]:nth-child(5n+2) .panel-default{
    border-color:#2196f3
}
.packages [class^="col"]:nth-child(5n+2) .panel-default>.panel-heading{
    color:#fff;
    background-color:#2196f3;
    border-color:#2196f3
}
.packages [class^="col"]:nth-child(5n+2) .panel-default>.panel-footer{
    color:#fff;
    background-color:#2196f3;
    border-color:#2196f3
}
.packages [class^="col"]:nth-child(5n+2) .panel-default>.panel-footer .btn{
    background:white;
    border-color:white;
    color:#333;
    text-transform:uppercase
}
.packages [class^="col"]:nth-child(5n+3) .list-group .list-group-item.active{
    background-color:#00953e;
    border-color:#00953e
}
.packages [class^="col"]:nth-child(5n+3) .panel-default{
    border-color:#00c853
}
.packages [class^="col"]:nth-child(5n+3) .panel-default>.panel-heading{
    color:#fff;
    background-color:#00c853;
    border-color:#00c853
}
.packages [class^="col"]:nth-child(5n+3) .panel-default>.panel-footer{
    color:#fff;
    background-color:#00c853;
    border-color:#00c853
}
.packages [class^="col"]:nth-child(5n+3) .panel-default>.panel-footer .btn{
    background:white;
    border-color:white;
    color:#333;
    text-transform:uppercase
}
.packages [class^="col"]:nth-child(5n+4) .list-group .list-group-item.active{
    background-color:#ea1c0d;
    border-color:#ea1c0d
}
.packages [class^="col"]:nth-child(5n+4) .panel-default{
    border-color:#f44336
}
.packages [class^="col"]:nth-child(5n+4) .panel-default>.panel-heading{
    color:#fff;
    background-color:#f44336;
    border-color:#f44336
}
.packages [class^="col"]:nth-child(5n+4) .panel-default>.panel-footer{
    color:#fff;
    background-color:#f44336;
    border-color:#f44336
}
.packages [class^="col"]:nth-child(5n+4) .panel-default>.panel-footer .btn{
    background:white;
    border-color:white;
    color:#333;
    text-transform:uppercase
}
.packages [class^="col"]:nth-child(5n+5) .list-group .list-group-item.active{
    background-color:#148f77;
    border-color:#148f77
}
.packages [class^="col"]:nth-child(5n+5) .panel-default{
    border-color:#1abc9c
}
.packages [class^="col"]:nth-child(5n+5) .panel-default>.panel-heading{
    color:#fff;
    background-color:#1abc9c;
    border-color:#1abc9c
}
.packages [class^="col"]:nth-child(5n+5) .panel-default>.panel-footer{
    color:#fff;
    background-color:#1abc9c;
    border-color:#1abc9c
}
.packages [class^="col"]:nth-child(5n+5) .panel-default>.panel-footer .btn{
    background:white;
    border-color:white;
    color:#333;
    text-transform:uppercase
}
@media only screen and (min-width:1000px){
    .btn[data-target="#m_menu"]{
        display:none!important
    }
    .collapse#m_menu{
        display:block!important;
        visibility:visible!important
    }
    .modal{
        text-align:center;
        padding:0!important
    }
    .modal:before{
        content:'';
        display:inline-block;
        height:100%;
        vertical-align:middle;
        margin-right:-4px
    }
    .modal-dialog{
        display:inline-block;
        text-align:left;
        vertical-align:middle
    }
    .row-height{
        display:flex;
        flex-wrap:wrap
    }
    .col-height{
        display:flex;
        flex-direction:column
    }
}
.innerpage{
    padding:25px 0px;
    background:#e5e5e5
}
.border-0{
    border:0px solid transparent!important
}
.upload-btn:hover{
    background:transparent;
    color:#333!important
}
.text-red{
    color:red
}
.text-green{
    color:#009300!important
}
.span12 .thumbnails{
    margin:0px;
    padding:0px;
    list-style-type:none
}
.span5 .thumbnail{
    border:none!important;
    margin-bottom:15px;
    -webkit-box-shadow:1px 3px 0 rgba(0,0,0,.2);
    box-shadow:1px 3px 0 rgba(0,0,0,.2)
}
.thumbnail .caption{
    padding:0px 9px
}
.m0{
    margin:0px
}
.p0{
    padding:0px
}
.mt-20{
    margin-top:20px
}
.mt-40{
    margin-top:40px
}
#myBtnContainer{
    margin:0px 0px
}
.onlinetest .btn{
    padding:6px 16px;
    border-radius:0px;
    color:#ffffff;
    background-color:#0f81da
}
.gren-btn{
    background-color:#15d337!important
}
.gren-btn:hover{
    background-color:#ef7810!important
}
.org-btn{
    background-color:#ef7810!important
}
.back-btn{
    background-color:transparent!important;
    color:#333!important
}
.back-btn i{
    font-size:25px!important
}
.testblock{
    border:1px solid #e4e4e4;
    display:block;
    padding:10px;
    margin-bottom:15px;
    -webkit-box-shadow:1px 3px 0 rgba(0,0,0,.2);
    box-shadow:1px 3px 0 rgba(0,0,0,.2)
}
.testblock strong{
    display:block;
    line-height:34px;
    padding-left:50px
}
.testblock strong i{
    position:absolute;
    left:20px;
    top:0px;
    display:block;
    height:35px;
    line-height:33px;
    width:35px;
    text-align:center;
    border:1px solid #ef7810;
    color:#ef7810;
    border-radius:100%
}
.text-muted{
    color:#626262
}
.edit-btn a{
    color:#fff;
    text-align:center;
    line-height:30px;
    background:#ef7810;
    padding:4px 14px;
    border-radius:30px;
    font-size:14px
}
.event-list{
    list-style:none;
    margin:0px;
    padding:0px
}
.event-list > li{
    background-color:rgb(255,255,255);
    box-shadow:0px 0px 5px rgb(51,51,51);
    box-shadow:0px 0px 5px rgba(51,51,51,0.7);
    padding:0px;
    margin:0px 0px 20px
}
.event-list > li > time{
    display:inline-block;
    width:100%;
    color:rgb(255,255,255);
    background-color:rgb(15,129,218);
    padding:5px;
    text-align:center;
    text-transform:uppercase
}
.event-list > li > time > span{
    display:none
}
.event-list > li > time > .day{
    display:block;
    font-size:56pt;
    font-weight:100;
    line-height:1.5;
    height:120px;
    vertical-align:middle
}
.event-list > li time > .month{
    display:block;
    font-size:24pt;
    font-weight:900;
    line-height:1
}
.event-list > li > img{
    width:100%
}
.event-list > li > .info{
    padding-top:5px;
    text-align:center
}
.event-list > li > .info > .title{
    font-size:17pt;
    font-weight:700;
    margin:0px
}
.event-list > li > .info > .desc{
    font-size:13pt;
    font-weight:300;
    margin:0px
}
.event-list > li > .info > ul,.event-list > li > .social > ul{
    display:table;
    list-style:none;
    margin:10px 0px 0px;
    padding:0px;
    width:100%;
    text-align:center
}
.event-list > li > .social > ul{
    margin:0px
}
.event-list > li > .info > ul > li,.event-list > li > .social > ul > li{
    display:table-cell;
    cursor:pointer;
    color:rgb(30,30,30);
    font-size:11pt;
    font-weight:300;
    padding:3px 0px
}
.event-list > li > .info > ul > li > a{
    display:block;
    width:100%;
    color:rgb(30,30,30);
    text-decoration:none
}
.event-list > li > .social > ul > li{
    padding:0px
}
.event-list > li > .social > ul > li > a{
    padding:3px 0px
}
.event-list > li > .info > ul > li:hover,.event-list > li > .social > ul > li:hover{
    color:rgb(30,30,30);
    background-color:rgb(200,200,200)
}
@media (min-width:768px){
    .event-list > li{
        position:relative;
        display:block;
        width:100%;
        height:120px;
        padding:0px
    }
    .event-list > li > time,.event-list > li > img{
        display:inline-block
    }
    .event-list > li > time,.event-list > li > img{
        width:120px;
        float:left
    }
    .event-list > li > .info{
        background-color:rgb(245,245,245);
        overflow:hidden
    }
    .event-list > li > time,.event-list > li > img{
        width:120px;
        height:120px;
        padding:0px;
        margin:0px
    }
    .event-list > li > .info{
        position:relative;
        height:120px;
        text-align:left;
        vertical-align:middle;
        display:table-cell;
        margin-left:30px
    }
    .event-list > li > .info > .title,.event-list > li > .info > .desc{
        padding:0px 10px
    }
    .event-list > li > .info > ul{
        position:absolute;
        left:0px;
        bottom:0px
    }
    .event-list > li > .social{
        position:absolute;
        top:0px;
        right:0px;
        display:block;
        width:40px
    }
    .event-list > li > .social > ul{
        border-left:1px solid rgb(230,230,230)
    }
    .event-list > li > .social > ul > li{
        display:block;
        padding:0px
    }
    .event-list > li > .social > ul > li > a{
        display:block;
        width:40px;
        padding:10px 0px 9px
    }
}
.rankers{
    text-transform:uppercase;
    margin:30px 0px;
    color:#0f81da
}
.modal-header{
       padding: 7px;
    border-bottom: 1px solid #e5e5e5;
    background: #004086;
    color: #ffffff;
    padding : 10px 20px
    
}
.close{
      float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    /* text-shadow: 0 0px 0 #fff; */
    opacity: 1;
    background: transparent;
    cursor: pointer
}
.questions{
    list-style-type:none;
    margin:0px;
    padding:0px
}
.questions li{
    padding:15px 0px;
    border-bottom:1px solid #ccc;
    color:#333
}
.questions li p{
    margin-bottom:0px;
    font-size:14px;
    line-height:22px
}
.questions li .media .media-left strong{
    line-height:22px
}
.questions li p strong{
    font-weight:900
}
.tr-papers i{
    color:#ffba2d!important
}
.tr-sidebar{
    border:inherit;
    border-top:0px!important;
    border-right:0px!important
}
.tr-sidebar .tr-sidebar-toggle{
    width:19px!important;
    height:50px!important;
    background:#000!important;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px
}
.tr-sidebar .tr-sidebar-toggle:after{
    content:'\f054'!important;
    font-family:'Font Awesome 5 Pro'!important;
    color:#ddd!important;
    font-size:10px!important;
    position:absolute;
    left:11px!important;
    top:50%;
    height:20px;
    width:0px!important;
    margin-top:-10px;
    background:white;
    transform:scale(0.9999)
}
.tr-sidebar .tr-sidebar-toggle:before{
    content:'\f053'!important;
    font-family:'Font Awesome 5 Pro'!important;
    color:#ddd!important;
    font-size:10px!important;
    position:absolute;
    left:3px!important;
    top:50%;
    height:20px;
    width:0px!important;
    margin-top:-10px;
    background:white;
    transform:scale(0.9999)
}
.tr-footer,.tr-grid>.tr-col.tr-col-bl{
    background:#ffffff!important;
    border:1px solid #ccc!important
}
.tr-btn{
    border:1px solid #ccc!important
}
.tr-btn:hover{
    background:#0f81da!important;
    color:#ffffff!important
}
.tr-btn.tr-btn-info{
    background:#0f81da!important;
    color:#ffffff!important
}
.tr-btn.tr-btn-success{
    background:#42930a!important;
    color:#ffffff!important;
    text-align:center!important;
    width:150px!important;
    margin:0px auto!important
}
.pad-30{
    padding:30px
}
.tr-question .tr-question-body .tr-question-title{
font-size: 18px !important;
    font-weight: 500 !important;
    margin-bottom: 20px !important;
    line-height: 25px;
}

.tr-subjects li.active a{
    background:#ef7810!important
}
@media only screen and (max-width:820px){
    .instruction_box{
        width:96%!important;
        margin:0px 2%
    }
}
@media only screen and (max-width:991px){
    .show-hide{
        display:none!important
    }
}
@media only screen and (max-width:800px){
    .mobile-hide{
        display:none!important
    }
    .tr-sidebar{
        border:1px solid #000!important
    }
    .tr-sidebar .tr-rows{
        display:flex!important;
        flex-direction:row!important
    }
    .tr-sidebar-toggle{
        display:none
    }
    .tr-body{
        padding-right:0px!important
    }
    .tr-body .tr-question{
        position:relative!important;
        top:50px!important
    }
    .tr-sidebar{
        position:absolute!important;
        right:0px;
        top:0px!important;
        background:#fff;
        padding:0px;
        height:50px!important;
        width:100%!important;
        border-left:1px solid #ccc;
        transition:all .3s ease
    }
    .tr-sidebar .tr-rows{
        height:50px!important
    }
    .tr-questions-play ul{
        padding:3px!important;
        flex-wrap:inherit!important
    }
    .tr-questions-play ul li{
        flex-grow:0;
        flex-basis:25%;
        padding:0px!important
    }
    .tr-questions-play ul li span{
        display:block!important;
        height:40px;
        line-height:40px;
        width:40px;
        background:#999;
        color:#fff;
        border-radius:100%;
        text-align:center;
        margin:0px 10px!important
    }
    .tr-sidebar .tr-questions-info{
        width:100%!important;
        display:none!important
    }
    .show-hide{
        display:block!important
    }
    .tr-question-header .tr-questions-info strong{
        font-size:10px!important
    }
    .mobilesubjects{
        margin-left:20px!important
    }
    .mobilesubjects .tr-subjects > li > ul{
        margin:0px!important;
        padding:10px!important;
        list-style:none!important;
        background:#fff!important;
        display:none;
        position:absolute!important;
        left:inherit!important;
        right:0px!important;
        top:100%!important;
        width:200px!important;
        box-shadow:0 1px 15px #0003!important
    }
    .tr-subjects > li > ul{
        z-index:99!important
    }
}
.help-content{
    max-width:600px
}
.help-content p{
    font-size:14px;
    line-height:22px;
    margin-bottom:20px
}
.help-content ul{
    margin-bottom:20px
}
.help-content ul li{
    margin-bottom:10px;
    position:relative;
    padding-left:22px;
    font-size:14px;
    color:#000
}
.help-content ul li::before{
    content:"\f0a9";
    font-family:'Font Awesome 5 Pro';
    left:0;
    margin-right:5px;
    position:absolute;
    top:0;
    color:#2196f3
}
@media only screen and (max-width:767px){
    .tr-subjects > li > a{
        display:block;
        padding:5px 10px!important;
        background:#2c9af0;
        color:#fff;
        border-radius:3px;
        text-decoration:none;
        font-weight:500
    }
    .tr-btn{
        padding:10px 10px!important;
        line-height:20px;
        background:#eee;
        font-weight:500;
        border:0px;
        border-radius:3px;
        box-shadow:0px 1px 1px #0003
    }
}
@media only screen and (max-width:683px){
    .tr-subjects > li > a{
        display:block;
        padding:5px 10px!important;
        background:#2c9af0;
        color:#fff;
        border-radius:3px;
        text-decoration:none;
        font-weight:500;
        font-size:13px!important
    }
    .tr-btn{
        padding:10px 10px!important;
        line-height:20px;
        background:#eee;
        font-weight:500;
        border:0px;
        border-radius:3px;
        box-shadow:0px 1px 1px #0003;
        font-size:13px!important
    }
}
@media only screen and (max-width:639px){
    .tr-footer .tr-col-padding{
        width:100%!important;
        padding:0px!important
    }
    .tr-footer,.tr-grid > .tr-col.tr-col-bl{
        border:0px!important
    }
}
@media only screen and (max-width:575px){
    .rs-breadcrumbs .breadcrumbs-img img{
        min-height:100px!important
    }
}
@media only screen and (max-width:554px){
    .onlinetest .btn{
        padding:6px 10px
    }
    .res-width .tr-grid{
        display:inherit!important
    }
    .res-width .tr-col .tr-btn,.res-width .tr-col .tr-btn-info{
        width:48%!important;
        float:left!important
    }
    .tr-grid > .tr-col.tr-col-250{
        flex-grow:inherit!important;
        flex-basis:inherit!important;
        max-width:inherit!important
    }
    .res-width .tr-btn{
        margin:5px 5px 5px!important
    }
}
@media only screen and (max-width:512px){
    .res-width .tr-col .tr-btn,.res-width .tr-col .tr-btn-info{
        width:46%!important;
        float:left!important
    }
    .res-width .tr-btn{
        margin:5px 5px 5px!important
    }
    .res-width .tr-grid{
        display:inherit!important
    }
    .tr-bottombar .tr-grid > .tr-col{
        flex-grow:inherit!important
    }
    .tr-bottombar .res-width{
        margin:0px auto!important
    }
    .res-width .tr-timer{
        text-align:center!important
    }
    .tr-question .tr-question-body{
        padding:12px!important;
        height:350px!important;
        max-height:inherit!important;
        overflow-y:scroll!important;
        position:absolute!important
    }
    .tr-question .tr-question-body .tr-options li{
        padding: 13px 7px!important
    }
}
@media only screen and (max-width:420px){
    .tr-question .tr-question-body{
    }
    .tr-footer{
        position:fixed;
        bottom:0px;
        width:100%!important
    }
    .res-width .tr-col .tr-btn,.res-width .tr-col .tr-btn-info{
        width:40%!important;
        float:left!important
    }
}
@media only screen and (max-width:395px){
    .res-width .tr-col .tr-btn,.res-width .tr-col .tr-btn-info{
        width:47%!important
    }
    .tr-btn{
        line-height:15px!important;
        font-size:12px!important
    }
}