@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
body{font-family:"Open Sans"!important;font-size:13px;}
@font-face {
  font-family: 'kruti';
  src: url('../fonts/KrutiDev010.eot?#iefix') format('embedded-opentype'),  url('../fonts/KrutiDev010.woff') format('woff'), url('../fonts/KrutiDev010.ttf')  format('truetype'), url('../fonts/KrutiDev010.svg#KrutiDev010') format('svg');
  font-weight: normal;
  font-style: normal;
}
.proofreading-box {    padding: 10px;
    box-shadow: 0px 5px 10px rgba(0,0,0,.3);margin-bottom:10px;

}
    .proofreading-box .srnop {
        color:#999;font-size:18px;font-weight:300;
    }
.proofreading-box .box-bottom{    background-color:#6B8E23;color:#fff;padding: 20px;}
.message-box {
text-align:center;padding:100px 0px;border:dashed 1px #eee;color: #23527c;font-size:16px;}
 
.rightans {
font-weight:bold;color:#03329c;}
.edit-num-container .edit-num-block .edit-num {
position:absolute;background:#eee;padding:8px;box-shadow:0px 5px 5px rgba(0,0,0,.5);margin-top:22px;z-index:999;visibility:hidden;opacity:0;transition:all .3s linear;}
.edit-num-container .edit-num-block:hover .edit-num {
visibility:visible;opacity:1;margin-top:18px;}
.edit-num-container .edit-num-block .edit-num input[type="text"]{width:70%;
border:none;outline:none}
.edit-num-container .edit-num-block input[type="button"] {
background-color:#5cb85c;color:#fff;border:none;font-size:11px;padding:4px 10px;}
#proofreading .edit-num-container .edit-num-block .edit-num {
margin-top:5px!important;}
#proofreading input[type="text"] {
color:#333!important;}
.hindi {
    font-family:"KrutiDev010"!important;font-size:18px;
}
.testblocks{display:block;font-size:11px;box-shadow:0px 0px 10px rgba(0,0,0,.2);margin-bottom:20px;padding:5px 5px 15px 5px;line-height:18px;}
    .testblocks .testsrno {
        position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    color: #333;
    text-align: center;
    line-height: 30px;
    border-radius: 100%;
    margin-left: -25px;
    margin-top: -15px;
    border: solid 1px #b6b7b6;
    font-weight: 800;}
    .testblocks ul {
    list-style:none;margin:0px;padding:0px;margin:0px 0px;background:#eee;margin-top:10px;min-height:180px!important;}
.testblocks ul  li{
padding:3px 7px;border-bottom:solid 1px #ccc;font-size:12px;}
    .testblocks ul li span {
        float: right;
    width: 25px;
    height: 20px;
    background: #5cb85c;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 20px;
    margin-left: 2px;
    font-size: 10px; }
.testblocks ul li strong{
  max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0px 5px;display:inline-block;}
    .testblocks .btn-group {
    width:100%;}
    .testblocks .btn-group a, .testblocks .btn-group input[type="button"] {
    width:50%;float:left;}
    .testblocks .date {
    color:#777;}
    .testblocks h3 {
    font-size:14px;text-align:center;margin:3px 0px;}
/*--------------------------math---------------------------------*/
.divide{border-bottom:1px solid #000;}
.large{font-size:40px!important; font-weight:normal;}
.root, .root3, .rootn, .large_root, .large_root3, .large_rootn{padding-top:3px;}
.root{background:url(images/root.gif) top left no-repeat; padding-left:10px;}
.root3{background:url(images/root3.gif) top left no-repeat; padding-left:10px;}
.rootn{background:url(images/rootn.gif) top left no-repeat; padding-left:10px;}
.large_root{background:url(images/large-root.gif) top left no-repeat; padding-left:20px;}
.large_root3{background:url(images/large-root-3.gif) top left no-repeat; padding-left:20px;}
.large_rootn{background:url(images/large-root-n.gif) top left no-repeat; padding-left:20px;}
.bar{border-top:1px solid #000;}
.form input[type="text"]{width:94%;padding:5px 2%;border:solid 1px #ccc;box-shadow:0px 0px 5px #ccc;}
.form input[type="password"]{width:94%;padding:5px 2%;border:solid 1px #ccc;box-shadow:0px 0px 5px #ccc;}
.form input[type="text"]:focus{outline:none;box-shadow:0px 0px 5px #5bc0de;}
.form td{padding:10px 10px;}
.form label{font-size:13px;color:#666;}
.table tr:nth-child(2n) td{background:#eee;}
.table th{background:rgba(23,160,94,.5);color:#333;}
#loginbox{width:400px;margin:auto;padding:20px;border:solid 1px #ccc;position:absolute;top:40%;left:50%;margin-top:-123px;margin-left:-200px;background:#fff;box-shadow:0px 0px 200px #ccc;}
#loginbox .input-group-addon{background:#f0ad4e;border:solid 1px #db9838;}
#loginbox .input-group-addon i{color:#fff;border:s}
#loginbox .margin-bottom-sm{margin-bottom:20px;}
#loginbox .page-header{margin:0px 0px 20px 0px;}
#loginbox .page-header h3{margin:0px;padding:0px;}
#loginbox .page-header h3 i{margin-right:10px;}
#loginbox .btn{width:100%;margin-top:20px;}
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background:#9c3e35;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	padding-top:40px;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

/* #menu-toggle{width:40px;height:40px;background:#9c3e35 url(../images/menu-toggle.png) center center no-repeat;float:right;display:block;position:fixed;z-index:999;top:0px;} */
#sidebar-top{color:#fff;background:rgba(0, 0, 0, 0.6);padding:7px;padding-bottom:10px;text-transform:capitalize;font-size:22px;font-weight:400;width:100%;}
#sidebar-user{padding:20px 10px;color:#fff;width:100%;border-bottom:solid 2px #731910;margin-bottom:0px;background:#e74c3c;}
#sidebar-user .sidebar-user-left{float:left;width:50px;margin-right:15px;}
#sidebar-user .sidebar-user-right{float:left;width:100%;}
#sidebar-user .sidebar-user-right strong{display:block;font-size:18px;font-weight:400;}
#sidebar-user .sidebar-user-right .user-links{margin-top:3px;font-size:13px;width: 100%;display: flex;justify-content: space-between;}
#sidebar-user .sidebar-user-right .user-links a{color:#fff;display:inline-block;margin-right:5px;}
#sidebar-user .sidebar-user-right .user-links a i{margin-right:2px;}
#sidebar-menu{width:100%;}
#sidebar-menu ul{margin:0px;padding:0px;}
#sidebar-menu ul li a{color:#fff;display:block;padding:7px 10px;font-size:14px;text-decoration:none;cursor: pointer;}
#sidebar-menu ul > li > a{border-bottom:solid 1px #882217;}
#sidebar-menu ul li a span{float:right;}
#sidebar-menu ul li.active a{background:#000;}
#sidebar-menu ul li:hover{background:#333;text-decoration:none;}
#sidebar-menu ul li a i{margin-right:7px;color:#f3948a;}
#sidebar-menu ul ul{display:none;background:#222;}
#sidebar-menu ul ul li a{font-size:13px;border-bottom:solid 1px #454e6b;}
#sidebar-menu ul ul li a:hover{background:#111!important;}
.chart-container{width:100%;}

@media(min-width:768px) {
    #wrapper {
        padding-left: 300px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 300px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
	
}
@media screen and (max-width:768px)
{
	/* #menu-toggle{width:100%;background:#9c3e35 url(../images/menu-toggle.png) 10px 3px no-repeat;} */
	.form td{display:block;width:100%;padding:5px 0px;}
}
@media screen and (max-width:480px)
{
	#loginbox{width:300px;margin-top:-123px;margin-left:-150px;}
}
.panel-heading h3{margin:0px;padding:0px;font-size: 16px;}
.form input[type="text"],.form input[type="email"],.form textarea{width:100%;padding:7px;}

.form select {width:100%;padding:7px;border: solid 1px #ccc;
    box-shadow: 0px 0px 5px #ccc;
}
.form textarea {width:100%;padding:7px;border: solid 1px #ccc;
    box-shadow: 0px 0px 5px #ccc;
}
.checkboxes .divinputs {display:inline-block;
border:solid 1px #eee;padding:0px;margin:0px 2px;margin-bottom:5px;}
    .checkboxes .divinputs label {
    font-weight:600;font-size:10px;margin-bottom:0px;padding:2px 5px;font-size:12px;color:#333;}
    .checkboxes .divinputs input[type="checkbox"] {
    position:relative;top:0px;margin-right:5px;}
    .checkboxes .divinputs label span {
    position:relative;top:-1px;}
.fullmodal {
width:100%;}
    .fullmodal .modal-dialog {
    width:100%;}
.tooltip > .tooltip-inner {
text-align:left;font-size:15px;background:#000!important;}
.shortpara {
font-size:12px!important;height:40px!important;width:100%!important;overflow:hidden!important;display:block}
.nav-tabs li.active a {
background:#d9534f!important;color:#fff!important;}
.nav-tabs li:nth-child(3) {
float:right;}
.nav-tabs li:nth-child(4) {
float:right;}
.hovertext {
width:100%;position:fixed;top:0%;left:0%;color:#fff!important;background:#000;padding:20px;display:none;height:100%;    font-size: 13px;
}
    .hovertext table {
        background:#5bc0de!important;
        color:#000!important;
    }
        .hovertext table td {color:#000!important;padding:5px;
        }
.table td {
font-size:12px!important;}
.hovertext span[style],.hovertext strong[style],.hovertext u[style],.hovertext i[style] {
color:#fff!important}
.hovertext  tr:nth-child(2n) td {background:#5bc0de!important;
}