@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');

h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    color: #666;
}
h2, h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #333;
}
.navbar-brand {
    padding: 5px 25px;
}
#menuNav {
    padding-left: 84px;
    line-height: 95px;
}
#menuNav a {
    padding-right: 24px;
}
.navbar-static-top {
    background-color: #344DC6;
    height: 100px;
    border-color: #344DC6;
}
.navbar-dinamic-top {

    height: 110px;
}
.navbar-right a {
    color: #ccc;
}
.navbar-right a:hover, a:active {
    color: #666;
}
.sidebar-title {
    height: 120px;
    margin-top: 0px!important;
    padding: 3%;
    color: #999;
}
.sidebar-brand {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    padding-top: 10px;
}
.sidebar-brand img {
    height: 100px;
    vertical-align: top;
}
.sidebar-brand p {
    display: inline-block;
    font-size: 42px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    color: #fff;
}
.sidebar-brand p span {
    font-weight: 700;
    display: flex;
    position: absolute;
    margin-top: -14px;
}
.sidebar-brand .form-control {
    width: 85%!important;
}
.setting-brand {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    padding-top: 40px;
    line-height: 45px;
}
.setting-brand p {
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    color: #fff;
}
.setting-brand p span {
    font-weight: 700;
    float: left;
}
.pointer {
    cursor: pointer;
}

textarea {
   resize: vertical;
}

table { border-collapse: collapse; }
.percent {
    position: absolute; width: 300px; height: 14px; z-index: 1; text-align: center; font-size: 0.8em; color: white;
}
.progress-bar {
    width: 300px; height: 14px;
    border-radius: 10px;
    border: 1px solid #CCC;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6666cc), to(#4b4b95));
    border-image: initial;
}
.uploaded {
    padding: 0;
    height: 14px;
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#66cc00), to(#4b9500));
    border-image: initial;
}
.dropbox {
    width: 15em;
    height: 3em;
    border: 2px solid #DDD;
    border-radius: 8px;
    background-color: #FEFFEC;
    text-align: center;
    color: #BBB;
    font-size: 2em;
    font-family: Arial, sans-serif;
}
.dropbox span {
    margin-top: 0.9em;
    display: block;
}
.dropbox.not-available {
    background-color: #F88;
}
.dropbox.over {
    background-color: #bfb;
}
.has-error2 {
    background-color: #f00;
}

/* Stat boxes and quick actions */
.quick-actions_homepage {
    width:100%;
    text-align:center; position:relative;
    float:left;
    margin-top:10px;
}
.stat-boxes, .quick-actions, .quick-actions-horizontal, .stats-plain {
    display: block;
    list-style: none outside none;
    margin: 15px 0;
    text-align: center;
}
.stat-boxes2 {
    display: inline-block;
    list-style: none outside none;
    margin:0px; 
    text-align: center;
}
.stat-boxes2 li {
    display: inline-block;
    line-height: 18px;
    margin: 0 10px 10px;
    padding: 0 10px; 
    background:#fff; 
    border: 1px solid #DCDCDC
}
.stat-boxes2 li:hover{ background: #f6f6f6; }
.stat-boxes2 .left, .stat-boxes .right {
    text-shadow: 0 1px 0 #fff;
    float: left;
}
.stat-boxes2 .left {
    border-right: 1px solid #DCDCDC;
    box-shadow: 1px 0 0 0 #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    margin-right: 10px;
    padding: 10px 14px 6px 4px;
}
.stat-boxes2 .right {
    color: #666666;
    font-size: 12px;
    padding: 9px 10px 7px 0;
    text-align: center;
    min-width: 70px; float:left
}
.stat-boxes2 .left span, .stat-boxes2 .right strong {
    display: block;
}
.stat-boxes2 .right strong {
    font-size: 26px;
    margin-bottom: 3px;
    margin-top: 6px;
}
.quick-actions_homepage .quick-actions li{ position:relative;}
.quick-actions_homepage .quick-actions li .label{ position:absolute; padding:5px; top:-10px; right:-5px;}
.stats-plain {
    width: 100%;
}
.stat-boxes li, .quick-actions li, .quick-actions-horizontal li {
    float: left;
    line-height: 18px;
    /*margin: 0 10px 10px 0px;*/
    padding: 0 10px;
}
.stat-boxes li a:hover, .quick-actions li a:hover, .quick-actions-horizontal li a:hover, .stat-boxes li:hover, .quick-actions li:hover, .quick-actions-horizontal li:hover {
    background: #2E363F;
    border: none;
    text-decoration: none;
}
.quick-actions li {
    min-width:14%;
    min-height:190px;
}
.quick-actions_homepage .quick-actions .span3{ width:30%;}
.quick-actions li, .quick-actions-horizontal li {
    padding: 0;
}
.quick-actions_homepage .quick-actions .span4{ width:40%; height: 300px;}
.quick-actions li, .quick-actions-horizontal li {
    padding: 0;
}
.quick-actions_homepage .quick-actions .span8{ width:80%;
    padding-top: 35px;
    }
.quick-actions li, .quick-actions-horizontal li {
    padding: 0;
}
.stats-plain li {
    padding: 0 30px;
    display: inline-block;
    margin: 0 10px 20px;
}
.quick-actions li a {
    padding:10px 30px; 
}
.stats-plain li h4 {
    font-size: 40px;
    margin-bottom: 15px;
}
.stats-plain li span {
    font-size: 14px;
    color: #fff;
}
.quick-actions-horizontal li a span {
    padding: 10px 12px 10px 10px;
    display: inline-block;
}
.quick-actions li a, .quick-actions-horizontal li a {
    display: block;
    color: #fff; font-size:14px;
    font-weight:lighter;
}
.quick-actions li a i[class^="icon-"], .quick-actions li a i[class*=" icon-"] {
    font-size:30px;
    display: block; 
    margin: 0 auto 5px;
}
.quick-actions-horizontal li a i[class^="icon-"], .quick-actions-horizontal li a i[class*=" icon-"] {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    background-color: transparent;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: -2px 0 0 !important;
    border-right: 1px solid #dddddd;
    margin-right: 10px;
    padding: 10px;
    vertical-align: middle;
}

.quick-actions li:active, .quick-actions-horizontal li:active {
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#EEEEEE), to(#F4F4F4));
    background-image: -webkit-linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%);
    background-image: -moz-linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%);
    background-image: -ms-linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%);
    background-image: -o-linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%);
    background-image: linear-gradient(top, #EEEEEE 0%, #F4F4F4 100%);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.4);
}
.quick-actions .form-control {
    display: initial;
    width: 50%;
}
.quick-actions p {
    color: #fff;
}
.stat-boxes .left, .stat-boxes .right {
    text-shadow: 0 1px 0 #fff;
    float: left;
}
.stat-boxes .left {
    border-right: 1px solid #DCDCDC;
    box-shadow: 1px 0 0 0 #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    margin-right: 10px;
    padding: 10px 14px 6px 4px;
}
.stat-boxes .right {
    color: #666666;
    font-size: 12px;
    padding: 9px 10px 7px 0;
    text-align: center;
    min-width: 70px;
}
.stat-boxes .left span, .stat-boxes .right strong {
    display: block;
}
.stat-boxes .right strong {
    font-size: 26px;
    margin-bottom: 3px;
    margin-top: 6px;
}
.stat-boxes .peity_bar_good, .stat-boxes .peity_line_good, {
 color: #459D1C;
}
.stat-boxes .peity_bar_neutral, .stat-boxes .peity_line_neutral {
    color: #757575;
}
.stat-boxes .peity_bar_bad, .stat-boxes .peity_line_bad {
    color: #BA1E20;
}
.stats-plain {
}

.site-stats {
    margin: 0;
    padding: 0; text-align:center;
    list-style: none;
}
.site-stats li {
    cursor: pointer; display:inline-block;
    margin: 0 5px 10px; text-align:center; width:42%;
    padding:10px 0; color:#fff;
    position: relative;
}
.site-stats li i{ font-size:24px; clear:both}
.site-stats li:hover { background:#2E363F;
}

.site-stats li i {
    vertical-align: baseline;
}
.site-stats li strong {
    font-weight: bold;
    font-size: 20px; width:100%; float:left;
    margin-left:0px;
}
.site-stats li small {
    margin-left:0px;
    font-size: 11px;
    width:100%; float:left;
}

@media (max-width: 480px) {
    #sidebar > a {
        background:#27a9e3;
        
    }
    .quick-actions_homepage .quick-actions li{ min-width:100%;}
    #user-nav{ margin:0px auto; top:-31px; border-top:none; width:250px; left:-3%; text-align:center; float:none;}
#user-nav > ul > li:last-child{ border-right:1px solid #363E48}
#user-nav > ul > li{ border-top:1px solid #363E48}
#sidebar{ top:-30px;}
#content{ margin-top:-30px;}
#sidebar{ clear:both;}
}
@media (min-width: 768px) and (max-width: 970px) {.quick-actions_homepage .quick-actions li{ min-width:20.5%;}}
@media (min-width: 481px) and (max-width: 767px) {
    #sidebar > ul ul:before {
    }
    #sidebar > ul ul:after {
        border-right: 6px solid #222222;
    }
    .quick-actions_homepage .quick-actions li{ min-width:47%;}
}

/*Metro Background color class*/
.bg_bl{ background:#00aeef;}
.bg_lg{ background:#F1F2F2;
    border: 1px solid #ccc;
    }
.bg_lg a { 
    color:#333!important;
    }
.bg_lg a:hover { 
    color:#fff!important;
    }
.bg_dg{ background:#808285;}

/* Widgets */

.profile-student {
    background-color: #F1F2F2;
    padding-right: 0px;
    padding-left: 0px;
}
.widget-box {
    background: none repeat scroll 0 0 #F9F9F9;
    border-left: 1px solid #CDCDCD;
    border-top: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    clear: both;
    margin-bottom: 16px;
    position: relative;
}
.widget-box.widget-calendar, .widget-box.widget-chat {
    overflow:hidden !important;
}
.widget-box .bg-grey {
    /*background-color: #F1F2F2;
    border-left: 1px solid #dedede;
    border-bottom: 1px solid #dedede;*/
}
.widget-box .bg-white {
    background-color: #fff;
    /*border: 0 1px 1px 0 solid #ccc;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;*/
}
.widget-box hr {
    border-top: 1px solid #ccc;
}
.accordion .widget-box {
    margin-top: -2px;
    margin-bottom: 0;
    border-radius: 0;
}
.widget-box.widget-plain {
    background: transparent;
    border: none;
    margin-top: 0;
    margin-bottom: 0;
}
.widget-title {
    background: #00AEEF;
    border-bottom: none;
    height: 236px;  
}
.widget-title .nav-tabs {
    border-bottom: 0 none; 
}
.widget-title .nav-tabs li a {
    border-bottom: medium none !important;
    border-left: 1px solid #DDDDDD;
        border-radius: 0 0 0 0;
    border-right: 1px solid #DDDDDD;
    border-top: medium none;
    color: #999999;
    margin: 0;
    outline: medium none;
    padding: 9px 10px 8px;
    font-weight: bold; 
    text-shadow: 0 1px 0 #FFFFFF;
}
.widget-title .nav-tabs li:first-child a {
    border-left: medium none !important;
}
.widget-title .nav-tabs li a:hover {
    background-color: transparent !important;
    border-color: #D6D6D6;
    border-width: 0 1px;
    color: #2b2b2b;
}
.widget-title .nav-tabs li.active a {
    background-color: #F9F9F9 !important;
    color: #444444;
}
.widget-title span.icon {
    padding: 49px 10px 7px 40px;
    float: left; 
}
.widget-title span.icon img {
    height: 130px;
    border-radius: 100px;
    border: 8px solid rgb(200, 204, 204);
}
.widget-title h1 {
    color: #fff;
    float: left;
    font-size: 48px;
    font-weight: lighter;
    font-family: 'Roboto',sans-serif;
    line-height: 120px;
}
.widget-title h1 span {
    font-weight: bold;
    display: flex;
    position: absolute;
    margin-top: -70px;
}
.widget-title .course {
    float: right;
    padding: 49px 80px 7px 40px;
    text-align: right;
}
.widget-title .course h2 {
    color: #fff;
    font-size: 28px;
    font-weight: lighter;
    font-family: 'Roboto',sans-serif;
}
.widget-title .buttons {
    float: right;
    margin: 8px 10px 0 0;
}
.widget-title .label {
    padding: 3px 5px 2px;
    float: right;
    margin: 9px 11px 0 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3) inset, 0 1px 0 #ffffff;
}
.widget-calendar .widget-title .label {
    margin-right: 190px;
}
.widget-content {
    padding:15px;
    border-bottom: none;
}
.widget-content h4 {
    font-size: 18px;
    color: #666;
    font-weight: 700;
}
.widget-box.widget-plain .widget-content {
    padding: 12px 0 0;
}
.widget-box.collapsible .collapse.in .widget-content {
    border-bottom: 1px solid #CDCDCD;
}
.widget-content .table > tbody > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: none;
    color: #999;
}
.widget-content .table > tbody > tr .taskStatus {
    color: #666;
}
.user-thumb {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 40px;
    margin-right: 10px;
    margin-top: 5px;
    padding: 2px;
    width: 40px;
}
.user-info {
    color: #666666;
    font-size: 11px;
}

@media screen and (max-width: 480px) {
.navbar-brand {
    margin-top: -60px;
    }
#menuNav {
    padding-left: 140px;
    line-height: 0px;
    }
.navbar-dinamic-top {
    display: none;
    }
.navbar-right {
    display: none;
    }
}