@font-face {
    font-family: 'corbel';
    src: url('../fonts/corbel.ttf');
}
body{
    background-color: #33353c;
    font-family: corbel;
}
h2{
    font-weight: bold;    
}
h3{
    color: #ded8d9;
    /*font-weight: bold;*/
}

h4,h6{
    color:#ded8d9;
}
a{
    outline: 0 !important;
}
p{
    color: #ded8d9;
}

.body h2 {
    text-align: center;
}

.row{
    margin-left: 0px;
    margin-right: 0px;
}
.not-seen{
    color: #ff0000;
}

.container-fluid{
    padding-right: 0px;
    padding-left: 0px;
}
.full-content{
    width: 83%;
    float: right;
    background: url('../img/interfacePictures/full-content-bg.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding-left: 15px;
    padding-right: 15px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding-bottom: 30px;
    color: #33353C;
    min-height: 800px;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
}

.half-content{
    width: 64%;
    padding: 0px;
    background: url('../img/interfacePictures/half-content-bg.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    color: #33353C;
    min-height: 800px;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
}

.half-content h2, .full-content h2{
    color: #33353C;
    margin-bottom: 40px;
}
.half-content h3, .full-content h3{
    color: #33353C;
    margin-top: 0px;
    margin-bottom: 20px;
}

/* Title with button back for each page*/
.title-row a{
    margin-top: 14px;
    margin-bottom: 40px;
}

button, input, select, textarea{
    font-family: corbel;
    padding: 4px 10px;
}

/* Normal button */
a.btn-normal{
    height: 40px;
    padding: 7px 10px;
}
.btn-normal{
    font-family: corbel;
    height: 40px;
    font-size: 20px;
    color: #FFF;
    font-weight: 900;
    line-height: 23px;
    padding: 0 10px;
    border-radius: 4px;
    display: inline-block;
    background: none repeat scroll 0% 0% #AEC28F;
    transition: 0.5s ease;
    border: 0px;
}
.btn-normal:hover{
    background: #8D9F72;
    border-color: #AEC28F;
    color: #fff;
    text-decoration: none;
}
.half-content .btn-normal, .full-content .btn-normal{
    font-size: 14px;
    font-weight: 100;
}
.half-content .btn-form-submit, .full-content .btn-form-submit{
    padding: 5px 10px;
    height: 40px;
}
.a-btn{
    padding: 9px 10px;
    height: 40px;
    color: #FFF;
    display: inline-block;
    transition: 0.5s ease;
}
.a-btn:hover{
    background: #8D9F72;
    border-color: #AEC28F;
    color: #fff;
    text-decoration: none;
}

.btn-danger:hover{
    transition: 0.5s ease;
    background-color: #d43f3a;
}

/* POPUP CSS */
.inline-content{
    padding: 10px;
}
.inline-content h2, .inline-content h3{
    color: #333;
}
.inline-content h3{
    margin-top: 0;
    margin-bottom: 20px;
}
.pull-right{
    float: left !important;
}


.ui-autocomplete-input, .form-control{
    background-color: rgba(255, 255, 255, 0.7);
    height: 40px;
}

.ui-autocomplete-input{
    display: block;
    float: left;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.ui-autocomplete-input:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

.help-block{
    color: #ff4a46;
}

/* LOGIN PAGE */

.body__home{
    /*
    background: url('../img/loginPictures/login-background.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    min-width: 100%;
    */
    background: url('../img/loginPictures/login-background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.body__interface{
    background-color: #33353c;
    padding-left: 20px;
}

.login-container .logo img{
    width: 80%;
}
.login-container .form{
    background: rgba(40,40,40,0.45);
}
.login-container .form .help-block{
    position: relative;
    left: -25px;
    color: #fff;
}
.login-container .form h1{
    margin-top: 5%;
    margin-bottom: 5%;
    font-size: 58px;
    font-weight: 900;
}
.login-container .form h4{
    padding: 0 10px;
}
.login-container .form h1 span:first-child{
    color: #fff;
}
.login-container .form h1 span:last-child{
    color: #fdd39b;
}
.login-container .form .btn-login{
    background: #aec28f;
}
.login-container .form .btn-link{
    color: #fff;
    outline: none;
}
.login-container .form .form-control{
    background-color: rgba(40,40,40,0.35);
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    height: 54px;
    border: 5px solid #a5ad91;
    border-left: 0px;
    color: #fff;
}
.login-container .form .col-md-2.control-label{
    padding: 0px;
    background-color: rgba(40,40,40,0.35);
    height: 54px;
    border: 5px solid #a5ad91;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: none;
    text-align: center;
    float: left;
}

.login-container .form .col-md-10{
    padding: 0px;
}
.login-container .form .form-control{
    font-size: 18px;
    text-align: center;
    padding-right: 22%;
}
.login-container .form .form-control:focus{
    box-shadow: unset;
}
.login-container .form-horizontal .form-group{
    margin: 15px auto;
    float: unset;
}
.login-container .form-horizontal .form-group .col-md-12{
    padding-left: 0px;
    padding-right: 0px;
}
.login-container .form-horizontal .glyphicon{
    top: 17%;
    color: #fff;
    font-size: 28px;
}
.login-container .form-horizontal .form-group .btn-login{
    width: 100%;
    height: 54px;
    font-size: 20px;
    color: #fff;
    font-weight: 900;
    line-height: 23px;
    border: 0;
}
.login-container .form-horizontal .zaboravljena-lozinka .col-md-8{
    padding: 0 15px 0 0;
}
.login-container .form-horizontal .zaboravljena-lozinka .col-md-4{
    padding: 0px;
}
.login-container .form-horizontal .zaboravljena-lozinka .col-md-4 a{
    border-style: outset;
    border-color: buttonface;
    align-items: flex-start;
    border-width: 0px;
    padding: 15px 10px;
    display: inline-block;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
.row-forgot-password .col-md-6 div{
    padding-left: 0px;
    padding-right: 0px;
    text-align: left;
}
.row-forgot-password .col-md-6 .col-md-2{
    width: 22.667%;
}
.row-forgot-password .col-md-6 .col-md-9 .btn-link{
    padding-left: 30px;
    padding-bottom: 0px;
    padding-top: 10px;
}
.row-forgot-password img{
    max-width: 40px;
}
.login-col-md-6{
    float: unset !important;
    margin: 0 auto;
}
.logo-col-md-6{
    top: 36px !important;
    z-index: 1;
}
.row-copyright{
    background: rgba(40, 40, 40, 0.45) none repeat scroll 0% 0%;
    color: #fff;
    width: 100%
}

.img_login_page_input{
    padding-top: 2px;
    max-width: 40px;
}

.row-copyright a{
    color: white;
}

.form p{
    color: #fff;
    padding: 0px 10px; 
}

.email_text_fg{
    margin-top: 50px;
}

/* align icons in buttons */
button.btn > span.glyphicon {
    vertical-align: -2px !important;
}

/* Register user page */
.half-content .form-horizontal .form-group .col-md-1 input{
    outline: none;
}

/* User details page */
.default-panel-details{
    display: block;
    float: none;
    margin: 0 auto;
}
.default-panel-details .panel.panel-info{
    border-color: #33353C;
}
.default-panel-details .panel-heading{
    background-color: #33353c;
    border: 0;
}
.default-panel-details .panel-heading .panel-title{
    color: #fff;
}



/*FOOTER POSITIONING*/

html {
  height: 100%;
}

body {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

main {
  /* flex: 1; would be enough but it looks bad in IE */
  flex: 1 0 auto;
}

a[class="glyphicon glyphicon-remove"] {
   vertical-align: -1px;
   color:#d9534f;
  }

.footer{
    background: rgba(40, 40, 40, 0.45) none repeat scroll 0% 0%;
    color: #fff;
    /*margin-top: 50px;*/
}
.footer p {
    text-align: center;
    margin-top: 5%;
}
.footer a{
    color: #ded8d9;
}
.footer-interface{
    color: #fff;
    margin-top: 15px;
    z-index: 4;
    margin-bottom: 50px;
}
.footer-interface a{
    color: #ded8d9;
}
.footer-interface .row{
    padding-left: 2.5%;
}
.footer-interface .row .footer-logo{
    margin-top: -37px;
}
.footer-interface .row .footer-logo img{
    max-width: 60px;
}


/* END LOGIN PAGE */





/*....................... HEADER ................................*/
.header h3, .header h4, .header p {
    text-align: center;
}
.header h3.naslov{
    margin-top: 5px;
}
.header{
    background-color: #33353c;
    position: relative;
    z-index: 9999;
    color: #fff;
    display: flex;
}
.header .col-md-2,
.header .col-md-6{
    align-self: center;
}
.header .logo img{
    max-width: 100%;
    margin: 0px auto;
    display: block;
    margin-top: 20px;
}
.header .logirani-korisnik .ime{
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 25px;
    text-align: right;
}
.header .logirani-korisnik p{
    margin-bottom: 0px;
}
.header .logirani-korisnik p a{
    color: #ff4a46;
}
.odjava{
    text-align: center;
}
.glyphicon-adjust{
    text-align: center;
}
.messages-icon{
    text-align: right;
    margin-top: 30px;
    padding: 0 29px;
    position: relative;
}
.messages-icon a{
    color: #fff;
    text-decoration: none;
    margin-right: 15px;
}
.messages-icon a:hover{
    color: #fff;
}
.messages-icon span.glyphicon{
    font-size: 27px;
}
.messages-icon span.glyphicon.glyphicon-home{
    top: -1px;
}
.messages-icon span.msg-circle{
    background: #ff4a46;
    color: #FFF;
    font-weight: 900;
    padding: 2px 6px;
    border-radius: 30px;
    width: 25px;
    height: 25px;
    display: block;
    text-align: center;
    position: absolute;
    top: -10px;
    right: 23px;
}
/* END HEADER */



/*  HOME PAGE  */

/*...................... LEFT NAV ...............................*/


.hamburger {
    color: #ded8d9;
    position: absolute;
    left: 20%;
    font-size: 50px;
}


.sidenav a {
    padding: 8px 8px 8px 10px;
    text-decoration: none;
    color: #fff;
    display: block;
    transition: 0.3s;
    font-size: 21px;
}
.sidenav a span{
    font-weight: 400;
}

.sidenav .dropdown-menu a{
    margin-top: 0px;
}




/* Prvi panel - left-navbar*/
.left-navbar{
    background: url('../img/interfacePictures/left-navbar-bg.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%!important;
    padding-right: 0px;
    padding-left: 0px;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-top-right-radius: 25px;
    border-right: 3px solid #33353C;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
}
.left-navbar .col-md-3.second-md{
    width: 63px;
}
.left-navbar .first-md{
    height: 100%;
    top: 40px;
}
.left-navbar .col-md-12{
    padding-left: 0px;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
}
.left-navbar .col-md-9{
    padding: 0px;
}
.left-navbar .col-md-3{
    background-color: #33353c;
    height: 100.1%;
    position: absolute;
    z-index: 5;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    padding-top: 5px;
}
.left-navbar .col-md-3 .col-md-12{
    /*padding: 0px;*/
}
.home-page-center .left-center .row .col-xs-12.col-md-12 .col-sm-4.col-sm-offset-1.col-md-6.col-md-offset-0.col-lg-6{
        padding-right: 0 !important;
        margin-bottom: 10px;
}
.home-page-center .left-center .row .col-xs-12.col-md-12 .col-sm-9.col-md-12.col-lg-10.text-right{
    margin-bottom: 10px;
}
.sidenav {
    /*height: 100%;*/
    width: 0;
    overflow-x: hidden;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    background: rgba(51,53,60,0.45);
    background-image: url(../img/interfacePictures/left-navbar-bg.jpg);
    z-index: 999;
    background-size: cover;
    background-repeat: no-repeat;
}
.sidenav .dropdown{
    width: 100%;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    background: rgba(51,53,60,0.45);
}
.sidenav .dropdown .dropdown-menu{
    width: 84.5%;
    border: 0px;
    background: transparent;
    z-index: 5;
    padding: 0px;
    text-align: right;
    box-shadow: none;
}
.sidenav .dropdown .dropdown-menu li a{
    background: transparent;
    color: #fff;
    padding: 20px;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    font-size: 16px;
}
.sidenav .dropdown .dropdown-menu li a:hover{
    background: rgba(54, 67, 52, 0.55);
    color: #6fe1d0;
}
.sidenav button.btn-navbar{
    color: #fff;
    background: transparent;
    width: 100%;
    padding: 15px 0px 15px 0px;
    text-align: right;
}
.sidenav button.btn-navbar.btn-konfiguracija a{
    padding: 0px;
    font-size: 18px;
}
.sidenav button.btn-navbar.btn-konfiguracija span{
    /*margin-left: 0px;
    text-align: left;*/
}
.sidenav .dropdown button:hover, .sidenav .dropdown button:focus, .sidenav .dropdown button:active{
    background: rgba(54,57,62,0.94);
    color: #6fe1d0;
}
.sidenav .dropdown button span{
    float: left;
    margin-top: 5px;
    margin-left: 15px;
    letter-spacing: 1.5px;
}
.sidenav .dropdown button{
    border-radius: 0px;
    border: 0px;
    font-size: 18px;
}
.sidenav .dropdown.open button{
    background: rgba(54,57,62,0.94);
}
.left-navbar .dropdown-menu{
    position: relative;
}
.sidenav .dropdown button img{
    max-width: 32px;
    position: relative;
    z-index: 10;
}
.left-navbar .col-md-3 img{
    z-index: 15;
}

/*
.left-navbar .normal-btn-konfiguracija{
    width: 100%;
}
.left-navbar .normal-btn-konfiguracija a span{
    font-size: 18px;
}
.left-navbar .normal-btn-konfiguracija img{
    max-width: 32px;
    position: absolute;
    bottom: 9px;
    right: 0;
    z-index: 9;
}
.left-navbar .normal-btn-konfiguracija a:hover, 
.left-navbar .normal-btn-konfiguracija a:focus, 
.left-navbar .normal-btn-konfiguracija a:active{
    background: rgba(54,57,62,0.94);
    color: #6fe1d0;
}
*/


/* Drugi panel - left-center*/
.home-page-center:after {
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    left: 52.35%;
    bottom: -22px;
    background: rgb(50, 55, 60);
    transform: rotate(45deg);
}


.left-center{
    background: url('../img/interfacePictures/left-center-bg.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    padding: 0px;
    padding-bottom: 40px;
    min-height:800px;
}
.left-center #table_results {
    margin-top: 30px;
}
.left-center .search_results {
    width: 100%;
    background-color: #ffffff80;
}
.left-center .search_results img {
    width: 25px;
}
.left-center .search_results td {
    border: 1px solid #808080;
    vertical-align: middle !important;
}
.left-center .search_results thead td {
    background-color: #33353C;
    color: #fff;
}

.left-center .search_forms p {
    color: #33353C;
}
.left-center .search_forms div.col-xs-12 div{
    padding: 0;
}
.left-center .row.heading, .right-center .row.heading{
    background: url('../img/interfacePictures/naslov-bg.png');
    background-repeat: no-repeat;
    background-position: 50%;
    margin-top: 15px;
}
.left-center h1, .right-center h1{
    background: rgba(54,57,62,0.1);
    letter-spacing: 2px;
    margin-bottom: 25px;
    margin-top: 25px;
    font-weight: 900;
    text-transform: uppercase;
}

/* Treci panel - right-center*/
.right-center{
    background: url('../img/interfacePictures/right-center-bg.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-left: 25px solid rgb(54, 57, 62);
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding: 0px;
    padding-bottom: 40px;
    min-height: 800px;
    transition: 0.5s ease;
}
.right-center .gray-line{
    position: absolute;
    width: 100%;
    height: 30%;
    background: rgb(54, 57, 62);
    z-index: 2;
    top: 40%;
}
.class-name-circle{
    background: #82bf50;
    color: #FFF;
    font-weight: 900;
    padding: 6px 0px;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    align-self: center;
}
.right-center .class-name{
    position: absolute;
    top: 32%;
    color: rgb(54, 57, 62);
    z-index: 10;
    font-weight: 900;
    text-align: center;
    width: 100%;
    padding-right: 38px;
}
.right-center ul{
    padding-left: 0px;
}
.right-center ul.razredi li{
    list-style-type: none;
    width: 100%;
    padding: 10px 0;
}
.right-center ul.razredi li ul li{
    /*height: 54px;*/
    display: inline-block;
}
.right-center ul.razredi li button{
    position: relative;
    background: transparent;
    width: 100%;
    padding: 0px;
    border: none;
    box-shadow: none;
    outline: 0 !important;
}
.right-center ul.razredi li button img{
    position: relative;
    z-index: 5;
}
.btn.btn-navbar.dropdown-toggle:focus {
    outline: none;
    box-shadow: none;
}
.right-center ul.razredi li .dropdown-menu{
    position: relative;
    background: transparent;
    border: 0px;
    box-shadow: none;
    width: 100%;
}
.ucenik .col-md-12{
    margin-bottom: 7px;
    padding: 0px;
}
.ucenik .col-md-12 a{
    color: #000;
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    outline: none;
}
.btn.btn-navbar.dropdown-toggle{
    transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
}


/* Cetvrti panel - right-sidebar */
.right-sidebar{
    background: url('../img/interfacePictures/right-sidebar-bg.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-left: 40px solid #33353c;
    padding: 0px;
}
.right-sidebar .gaudeamus-logo{
    position: relative;
    margin-bottom: 25px;
}
.right-sidebar .gaudeamus-logo .gray-line{
    position: absolute;
    width: 100%;
    height: 30%;
    background: rgba(51, 53, 60, 0.6);
    z-index: 2;
    top: 53px;
}
.right-sidebar .gaudeamus-logo img{
    position: relative;
    z-index: 5;
    margin: 10px 0;
}


/* Vijesti */
.admin-new{
    display: flex;
    align-self: center;
}
.admin-new label{
    margin: 0;
}
.news-archive p{
    color: #33353C;
}
.news-archive-row:nth-child(odd){
    background: rgba(51, 53, 60, 0.2);
}
.news-archive-row .news-archive-date-title{
    margin-top: 10px;
}
.news-archive-row .news-archive-date-title p{
    float: right;
}
.news-archive-row .news-archive-abstract{
    border-top: 1px solid rgb(51, 53, 60);
}
.news-archive-row .news-archive-abstract .collapse{
    border-bottom: 1px solid rgb(51, 53, 60);
}
.news-archive-row .news-archive-author{
    margin-top: 3px;
}
.news-archive-row .news-archive-author .col-sm-6{
    padding: 0
}
.news-archive-row .news-archive-author a{
    display: block;
    width: 34px;
    height: 20px;
    float: right;
    background: url('../img/interfacePictures/read-more.png');
    background-size: 34px 20px;
}



/* NAJNOVIJE VIJESTI */
.right-sidebar .najnovije-vijesti{
    background: rgba(51, 53, 60, 0.6);
    font-size: 13px;
}
.right-sidebar .najnovije-vijesti .col-md-6{
    padding: 0px;
}
.right-sidebar .najnovije-vijesti h3{
    margin: 20px 0;
    color: #d1cccb;
    font-weight: 900;
    /*padding-left: 10%;*/
}
.right-sidebar .najnovije-vijesti img{
    max-width: 50px;
}
.right-sidebar .najnovije-vijesti .vijest{
    font-family: corbel;
    margin-bottom: 15px;
}
.right-sidebar .najnovije-vijesti .vijest .news-abstract,
.right-sidebar .najnovije-vijesti .vijest .news-read-more,
.right-sidebar .najnovije-vijesti .vijest .news-read-more div{
    padding: 0;
}
.right-sidebar .najnovije-vijesti .vijest .news-description a{
    display: block;
    width: 34px;
    height: 20px;
    float: right;
    background: url('../img/interfacePictures/read-more.png');
    background-size: 34px 20px;
    transform: rotateY(180deg);
    margin-bottom: 5px;
}
.right-sidebar .najnovije-vijesti .vijest .news-description div:nth-child(3){
    padding: 0;
}
/*
.right-sidebar .najnovije-vijesti .news-title span.not-seen{
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
}
*/
/*
.right-sidebar .najnovije-vijesti .news-title{
    padding: 0px 10px;
    background: rgba(153,222,203,0.8);
    color: #fff;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    float: unset;
}
.right-sidebar .najnovije-vijesti .news-date-time{
    padding: 0px;
    font-weight: 900;
    display: table-cell;
    vertical-align: middle;
    float: unset;
}
.right-sidebar .najnovije-vijesti .col-md-12{
    padding: 0px;
}
.right-sidebar .najnovije-vijesti .news-date-time .time{
    color: #fff;
}
.right-sidebar .najnovije-vijesti .news-date-time .year{
    color: #ff0000;
}
.right-sidebar .najnovije-vijesti .news-date-time .date-year{
    position: absolute;
    top: 31%;
    text-align: center;
    width: 100%;
    line-height: 1.12;
}
*/
.right-sidebar .najnovije-vijesti .news-title{
    padding: 20px 10px 5px 10px;
    background: rgba(153,222,203,0.8);
    color: #333;
    /*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
    text-align: center;
    display: block;
}
.right-sidebar .najnovije-vijesti .news-title .date{
    position: absolute;
    top: 0px;
    left: 8px;
}
.right-sidebar .najnovije-vijesti .news-description{
    padding: 0 10px;
    text-align: left;
    background: rgba(255, 255, 255, 0.8);
}
.right-sidebar .najnovije-vijesti .news-description p{
    font-size: 12px;
    color: #000;
    padding-right: 10px;
}
.right-sidebar .najnovije-vijesti .autor{
    padding: 0 0 0 10px;
    margin-top: 5%;
    margin-bottom: 4%;
    text-align: right;
}


/* DOKUMENTI */
.dokumenti > .parent-ul > .row.dokument{
    width: calc(50% - 5px);
    float: left;
}
.dokumenti > .parent-ul > .row.dokument > .naziv{
    height: 60px;
}
/*
.dokumenti > .parent-ul > .row.dokument:nth-child(even){
    margin-right: 5px;
}
*/
.dokumenti > .parent-ul > .row.dokument{
    margin-right: 5px;
}

.right-sidebar .dokumenti > .parent-ul ul .dokument h4{
    margin-top: 10px;
}
.dokumenti > .parent-ul ul{
    padding-left: 15px;
    width: 100%;
}
.right-sidebar .dokumenti a[href="#doc_94"] h4,
.right-sidebar .dokumenti a[href="#doc_95"] h4,
.right-sidebar .dokumenti a[href="#doc_96"] h4,
.right-sidebar .dokumenti a[href="#doc_97"] h4{
    font-size: 12px;
}
.right-sidebar .dokumenti .active-document .naziv{
    color: #fff;
    background-color: #1fc5ef;
}

.right-sidebar .dokumenti{
    background: rgba(51, 53, 60, 0.6);
}
.right-sidebar .dokumenti .parent-ul,
.doc-categories .parent-ul{
    padding: 0;
}
.right-sidebar .dokumenti .col-md-12,
.doc-categories .col-md-11{
    padding: 0px;
    background: #a2b175;
    margin-bottom: 5px;
}
.right-sidebar .dokumenti .dokument,
.doc-categories .dokument{
    margin-bottom: 5px;
}
.right-sidebar .dokumenti .dokument .glyphicon,
.doc-categories .dokument .glyphicon.glyphicon-folder-open{
    margin: 0px 0 12px 3px;
    color: #fff;
    font-size: 11px;
}
.right-sidebar .dokumenti .dokument .naziv,
.doc-categories .dokument .naziv{
    cursor: pointer;
}
.right-sidebar .dokumenti .dokument .naziv:hover,
.doc-categories .dokument .naziv:hover {
    color: #fff;
    background-color: #1fc5ef;
}
.right-sidebar .dokumenti .dokument .naziv div,
.doc-categories .dokument .naziv div{
    padding: 0;
}
.right-sidebar .dokumenti h3,
.doc-categories h3{
    margin: 20px 0;
    color: #d1cccb;
    font-weight: 900;
    /*padding-left: 10%;*/
}
.right-sidebar .dokumenti .dokument .category-files,
.doc-categories .dokument .category-files{
    display: block;
    width: 23px;
    height: 14px;
    float: right;
    background: url('../img/interfacePictures/show-files.png');
    background-size: 23px 14px;
    transform: rotateY(180deg);
    margin-bottom: 5px;
    margin-top: 4px;
    margin-right: 5px;
}
.right-sidebar .dokumenti .dokument h4,
.doc-categories .dokument h4{
    margin: 10px 0;
    padding: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    margin-top: 20px;
}
.right-sidebar .dokumenti .dokument .not-seen,
.doc-categories .dokument .not-seen{
    color: #c9302c;
}
.category-files-row .col-xs-12 div{
    padding: 0;
}
.category-files-row .col-xs-12 div p{
    color: #33353C;
}
.category-files-row #category-files-table{
    width: 100%;
    background-color: #ffffff80;
    margin-bottom: 30px;
}

.category-files-row #category-files-table td {
    vertical-align: middle;
}

.category-files-row #category-files-table thead{
    background-color: #33353c;
}
.category-files-row #category-files-table thead tr {
    height: 40px;
}
.category-files-row #category-files-table thead td{
    padding: 3px 7px 2px 7px;
}
.category-files-row #category-files-table thead td:first-child{
    border-left: 1px solid #33353c;
}
.category-files-row #category-files-table thead td:not(:first-child){
    border-left: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.category-files-row #category-files-table tbody td{
    padding: 3px 7px 2px 7px;
    border: 1px solid #33353c;
}
.category-files-row #category-files-table thead td strong{
    color: #fff;
}


.doc-categories .parent-document,
.doc-categories .child-document{
    float: right;
}
.doc-categories .btn.btn-danger.user-delete.push-right{
    border-radius: 0;
    padding: 11px 14px;
}





/* Display Users */
.col-md-12.display-subjects {
    padding-right: 0;
}
.half-content .activate-deactivate.display-users .user:first-child{
    border-top: 1px solid #33353C;
}
.half-content .display-users .user:first-child, 
.half-content .display-subjects .subjects:not(:last-child){
    border-bottom: 1px solid #33353C;
}
.half-content .display-subjects .subjects,
.full-content .display-subjects .subjects{
    display: flex;
    padding: 3px 0px;
    transition: 0.5s ease;
    border-bottom: 1px solid #33353C;
}
.half-content .parent-ul{
    border-top: 1px solid #33353C;
    margin-right: 15px;
}
.half-content .display-users .user{
    display: flex;
    border-bottom: 1px solid #33353C;
    padding: 5px 0;
}
.half-content .display-users .user .user-name{
    align-self: center;
}
.half-content .display-users .user .user-name a{
    color: #222;
}
.half-content .display-users .user:hover,
.half-content .display-subjects .subjects:hover{
    background: rgba(51, 53, 60, 0.2);
}
.half-content .display-users .user .user-edit{
    margin-right: 10px;
    padding: 0;
}
.half-content .display-users .user .user-edit img{
    width: 36px;
}
.half-content .ui-tabs-panel .display-subjects .subjects:first-child{
    border-top: 1px solid #33353C;
}
.half-content #tabs .display-subjects .subjects{
    border-bottom: 1px solid #33353C;
}
.half-content .display-subjects .subjects form{
    text-align: right;
}
.half-content .display-subjects .subjects .subjects-name{
    align-self: center;
}
#cboxTitle{
    display: none !important;
}

/* Find user form */
.search-user-form{
    margin-bottom: 30px;
    margin-left: 15px;
}
.search-user-form input{
    height: 40px;
}
.search-user-form input.btn-normal{
    padding: 5px 10px;
    margin-left: 10px;
}


/* Date picker */
.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
}



/* Subjects page */
.subjects ul{
    border-bottom: 1px solid #33353c;
}
.subjects ul li{
    padding: 10px 0px;
}
.subjects ul li.active span{
    background-color: #33353c;
    color: #fff;
}
.subjects ul li span{
    color: #33353c;
    border: none;
    padding: 10px 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.subjects ul li span:hover{
    background: rgba(51, 53, 60, 0.6);
    color: #fff;
}
.subjects .subjects-action form{
    margin-left: 4px;
}
#subject-create{
    margin-top: 40px;
}
.subject-elements{
    margin-top: 20px;
    margin-bottom: 20px;
}
#subject-create .form-group label[for=element],
#subject-create .form-group label[for=authorized-user],
#subject-create .form-group .all-class-users label{
    margin-top: 20px;
}
#subject-create .authorized-users.form-group .subject-elements{
    border-right: 4px solid #33353C;
}
#subject-create .authorized-users .all-class-users label{
    text-align: left;
}
.subject-elements div{
    padding: 0px;
}
.subject-elements .col-md-12:first-child{
    margin-bottom: 15px;
}
.subject-elements .add-element{
    padding: 4px 8px;
}
.subject-elements .all-elements ul{
    padding-left: 0px;
}
.subject-elements .all-elements ul li{
    list-style: none;
    list-style-type: none;
    border-radius: 4px;
    background: #e6e6e6;
}
.subject-elements .add-element strong,
.subject-elements .add-authorized-users strong,
.all-class-users strong,
.insert-report strong{
    color: #33353C;
    line-height: 1;
    font-size: 32px;
}
.insert-report strong{
    cursor: pointer;
    margin-left: 10px;
}
.insert-report .btn-danger.btn-xs{
    padding: 0px 5px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.3;
    border-radius: 15px;
}
.all-elements .ui-state-default.col-md-11{
    display: flex;
}
.all-elements .ui-state-default.element-label{
    border: 0px;
    background: #e6e6e6;
    padding-right: 0px;
    margin: 5px 0;
    padding-left: 0px;
    align-self: center;
}
.all-elements li.ui-state-default .element-input{
    display: none;
}
.all-elements li.ui-state-default{
    margin-bottom: 10px;
}
.all-elements .ui-icon{
    align-self: center;
}
.all-elements .ui-state-default.col-md-11.col-xs-11{
    padding-right: 0px;
}
.all-elements .glyphicon.glyphicon-remove {
    align-self: center;
    margin-right: 15px;
    margin-left: 30px;
    top: 0;
    cursor: pointer;
}
#tabs.ui-widget-content{
    background: transparent;
    border: 0px;
}
#tabs .ui-widget-header{
    border: 0px;
    border-bottom: 1px solid #333;
    background: transparent;
    border-radius: 0px;
}
#tabs .ui-widget-content a {
    color: #333;
}
#tabs .display-subjects .subjects .subjects-name a{
    color: #333;
}
.ui-tabs .ui-tabs-nav{
    padding: 0;
}
.ui-tabs .ui-tabs-nav li{
    margin: 1px 0.5em 0 0;
}
.ui-tabs{
    padding: 0 15px;
}
.ui-widget,
.ui-widget a,
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button{
    font-family: corbel;
}
.ui-tabs .ui-tabs-nav li a, 
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{
    outline: none;
}
.ui-tabs-tab.ui-state-default.ui-tab.ui-tabs-active.ui-state-active{
    background: #33353c;
    color: #fff;
}
.ui-state-active a, 
.ui-state-active a:link, 
.ui-state-active a:visited{
    color: #fff;
}
.ui-tabs-tab.ui-state-default.ui-tab{
    border: 0px;
    background: transparent;
}

/* Table */
.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th{
    border: 1px solid #808080;
}

.table-bordered > thead{
    background-color: #33353c;
    color: #fff;
    text-align: center;
}
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th{
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.7);
}

/* Dairy page */
.diary-details{
    margin-top: 15px;
    margin-bottom: 20px;
}
.diary-content{
    position: relative;
}
.diaryDate-row{
    margin: 15px 0;
    /*position: absolute;*/
    top: -70px;
    left: 0;
    width: 100%;
}
.diaryDate-row .col-xs-12{
    display: flex;
}
.diaryDate-row .col-xs-12 label{
    align-self: center;
    margin: 0;
}
.datepicker.datepicker-dropdown.dropdown-menu{
    z-index: 9999;
}
table#diary-week-days tbody .currentDay{
    background-color: rgba(255, 0, 0, 0.5);
}
table#diary-week-days tbody .currentDay a{
    color: #fff;
}
table#diary-week-days{
    width: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.5);
}
table#diary-week-days tr td{
    max-width: 0px;
}
table#diary-week-days .show_absence{
    height: auto;
}
table#diary-week-days tbody .hover-tr{
    background-color: rgba(255, 0, 0, 0.11);
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
}

table#diary-week-days tbody .hover-td{
    background-color: rgba(255, 0, 0, 0.5);
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
}

table#diary-week-days tbody .hover-tr a{
    color: #000;
}
table#diary-week-days a{
    outline: none;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #33353C;
}
table#diary-week{
    width: 100%;
    background-color: #33353c;
    color: #fff;
}
table#diary-week td {
    border: 0;
    font-size: 18px;
}
table#diary-week td,
table#diary-week-days td{
    /*padding: 3px 7px 2px 7px;*/
    border: 1px solid #33353c;
}



table#diary-absence-days{
    width: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.5);
}
table#diary-absence-days tr td{
    max-width: 0px;
}
table#diary-absence-days a{
    outline: none;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #33353C;
}
table#diary-absence{
    width: 100%;
    background-color: #33353c;
    color: #fff;
}
table#diary-absence td {
    border: 0;
    font-size: 18px;
}
table#diary-absence td,
table#diary-absence-days td{
    /*padding: 3px 7px 2px 7px;*/
    border: 1px solid #33353c;
}




#table-remark{
    width: 100%;
}
#table-remark td{
    border: 0;
}
#table-remark textarea{
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid #ccc;
    border-radius: 4px;
}
#table-absence{
    width: 100%;
    border-collapse: separate;
}
#table-absence tr.addAbsence td{
    border: 0;
    padding-top: 30px
}
#table-absence tr:first-child,
#table-absence tr:nth-child(2){
    background-color: #33353c;
}
#table-absence tr:first-child td p,
#table-absence tr:nth-child(2) td p{
    color: #fff;
}
#table-absence tr:first-child td{
    border-top: 1px solid rgba(255, 255, 255, 0.7);
}
#table-absence tr:first-child td:last-child,
#table-absence tr:nth-child(2) td:last-child{
    border-right: 1px solid rgba(255, 255, 255, 0.7);
}
#table-absence .student-absence:nth-child(3) td.absence-true {
    border-top: 1px solid #33353c;
}
#table-absence td{
    border-left: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    min-width: 40px;
    position: relative;
}
#table-absence p{
    margin: 0;
}
#table-absence .student-absence{
    background-color: rgba(255, 255, 255, 0.7);
}
#table-absence .student-absence td{
    border-left: 1px solid #33353c;
    border-bottom: 1px solid #33353c;
}
#table-absence .student-absence td.absence-true{
    border: 1px solid #33353c;
    border-top: 0;
}
.reason_absence{
    width: 100%;
    text-align: center;
    background: transparent;
    border: 0;
}
.ucenik_izostao{
    background: transparent;
    border: 0;
}
.reason_absence option{
    background: #fff;
}
input[type=number]{
    text-align: center;
    background: transparent;
    border: 0;
}
.absence-marked {
    background-color: rgba(255, 0, 0, 0.3) !important;
}
.absence-unmarked {
    background-color: rgba(0, 0, 0, 0) !important;
}
.absence-true{
    /*
    background-image: url('../img/checked-checkbox-x.png');
    background-position: center center;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    */
    text-align: center;
    vertical-align: middle;
}
#table-remark p,
#table-absence p{
    color: #000;
}
.absence{
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 0;
    background-color: transparent;
    border: 0;
}
#addRow{
    outline: none;
}
.add-new-hour #diaryClass{
    width: 90px;
    text-align: center;
}
.absence-true{
    cursor: pointer;
}
#total_absence table{
    border: 1px solid #33353c;
}
#total_absence tr:first-child td{
    background-color: rgba(255, 255, 255, 0.5);
    color: #33353c;
    border: 1px solid #33353c;
}
#total_absence td{
    background-color: #33353c;
    padding: 0 10px;
}
#total_absence h4{
    color: #33353c;
}
#total_absence td,
#total_absence td p{
    color: #fff;
}
#total_absence tr:last-child td {
    padding-bottom: 10px;
}
/*
.absences-remark-row{
    margin-top: 30px;
}
*/

/* home page for teacher */
.subject-students-table {
    table-layout: fixed;
    background-color: #ffffff80;
}

/* Holidays page */
.holidays-table {
    width: 100%;
    background-color: #ffffff80;
}
.holidays-table img {
    width: 25px;
}
.holidays-table td {
    border: 1px solid #808080;
    vertical-align: middle !important;
}
.holidays-table thead td {
    background-color: #33353C;
    color: #fff;
}
.holidays-table tbody td:nth-child(2),
.holidays-table tbody td:nth-child(3) {
    text-align: center;
}

/* ClassReports page */
.teacher_subjects_table {
    width: 100%;
    background-color: #ffffff80;
}
.teacher_subjects_table img {
    width: 25px;
}
.teacher_subjects_table td {
    border: 1px solid #808080;
    vertical-align: middle !important;
}
.teacher_subjects_table thead td {
    background-color: #33353C;
    color: #fff;
}
/*
.teacher_subjects_table tr:first-child{
    background-color: #33353c;
}
*/
.teacher_subjects_students_table {
    width: 100%;
    border: 1px solid #b9b9b9;
}
.teacher_subjects_students_table .subs {
    background-color: #f5f3f0;
}
#tabs .ui-widget-content#teacher_students_table a {
    color: #222;
}
.teacher_subjects_students_table h4 {
    color: #222;
}

/* Groups page */
.groups-table {
    width: 100%;
    background-color: #ffffff80;
}
.groups-table td {
    border: 1px solid #808080;
    vertical-align: middle !important;
}
.groups-table thead td {
    background-color: #33353C;
    color: #fff;
}

/* Reports page */
.reports-table {
    width: 100%;
    background-color: #ffffff80;
}
.reports-table td {
    border: 1px solid #808080;
    vertical-align: middle !important;
}
.reports-table td:nth-child(1),
.reports-table td:nth-child(3),
.reports-table td:nth-child(5) {
    text-align: center;
}
.reports-table thead td {
    background-color: #33353C;
    color: #fff;
}

/* Student details */
.dropdown.allStudents{
    margin-bottom: 20px;
}

.student-details > div.col-md-6.col-xs-12:nth-child(1){
    padding-left: 0;
}
.student-details > div.col-md-6.col-xs-12:nth-child(2){
    padding-right: 0;
}
.student-details div.col-md-6.col-xs-12 div:nth-child(1),
.student-details div.col-md-6.col-xs-12 div:nth-child(2){
    border-top: 1px solid #33353c;
}
.student-details div.col-md-6.col-xs-12 div{
    border-bottom: 1px solid #33353c;
    padding: 5px 10px;
}
.student-details div.col-md-6.col-xs-12 div:nth-child(odd){
    background: #33353c;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.7);
    border-right: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.7);
}
.student-details div.col-md-6.col-xs-12 div:nth-child(even){
    text-align: center;
    border-right: 1px solid;
}
.student-details > .col-xs-12.detail-buttons{
    padding: 0;
    margin-top: 20px;
}
.student-details > .col-xs-12.detail-buttons a{
    display: inline-block;
    margin-right: 20px;
}

.student-subjects,
#add-comment,
#add-comment h3{
    margin-top: 30px;
}
.student-subjects img{
    width: 100px;
    display: block;
    margin: 10px auto;
}
.student-subjects .col-xs-12 > .col-xs-12.col-sm-3{
    margin-bottom: 40px;
}




/* Notes */
#tabs .ui-widget-content#note-list a{
    color: #33353C;
    text-decoration: none;
}
#tabs .ui-widget-content#note-list .panel-title,
.panel.panel-default .panel-title a{
    text-transform: capitalize;
}


/* Općenito display details (plavi ekran na knex_dev) */
.display-details h4{
    color: #fff;
}
.display-details pre{
    background: transparent;
    color: #fff;
    border: 0;
    white-space: pre-line;
}


.all-comments{
    margin-top: 30px;
    padding: 0 15px;
}
.all-comments h5{
    color: #ff0000;
}
.all-comments table{
    width: 100%;
}
.all-comments div{
    padding: 0;
}
.all-comments div.col-xs-10{
    width: calc(100% - 34px);
    padding-left: 15px;
}
.all-comments .editComment{
    margin: 0;
    padding-top: 5px;
}
.all-comments .editComment form input{
    margin: 0;
}
.all-comments .deleteComment-div{
    widows: 34px;
    float: left;
}
.all-comments table td{
    border: 1px solid #b9b9b9;
}
.all-comments table td input{
    background: transparent;
}
.all-comments p,
#add-comment h4{
    color: #222;
}
#add-comment .has-error textarea{
    border-color: #a94442;
}
#add-comment textarea{
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
}
#add-comment .form-horizontal .form-group{
    margin-left: 0;
    margin-right: 0;
}


.allStudents.dropdown button{
    background: #AEC28F !important;
    border: 0;
}
.allStudents.dropdown .dropdown-menu{
    left: unset;
    right: 0;
}
.allStudents.dropdown .dropdown-menu > li > a{
    margin: 0;
}


/* Reports home */
.admin-search-form-results#table_results{
    margin: 30px 0;
}
.admin-search-form-results .search_results{
    width: 100%;
    background-color: #ffffff80;
}
.admin-search-form-results .search_results img{
    width: 30px;
}
.admin-search-form-results .search_results td{
    border: 1px solid #808080;
}
/*
.admin-search-form-results .search_results tr:first-child{
    background-color: #f5f3f0;
}
*/
.admin-search-form-results .search_results thead td {
    background-color: #33353C;
    color: #fff;
}
.admin-search-form.search_forms p{
    color: #33353C;
}
.admin-search-form.search_forms div.col-xs-12 div{
    padding: 0 10px 0 0;
}

.table-row-header{
    background-color: #33353c;
}
.table-row-header h4{
    color: #fff;
    text-align: center;
}
.table-row-header div{
    padding: 3px 7px 2px 7px;
}
.table-row-header div:first-child{
    border-left: 1px solid #33353c;
}
.table-row-header div:not(:first-child){
    border-left: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.table-row-body div:first-child{
    border-left: 1px solid #33353c;
}
.table-row-body div{
    padding: 3px 7px 2px 7px;
    border-right: 1px solid #33353c;
    border-bottom: 1px solid #33353c;
}
.table-row-body div strong{
    color: #fff;
}

/* ili */
.reports-admin-home.col-xs-12{
    padding: 0;
}
.reports-admin-home .gray-line{
    position: absolute;
    width: 100%;
    height: 30%;
    background: rgb(54, 57, 62);
    z-index: 2;
    top: 40%;
}
.reports-admin-home .class-name{
    position: absolute;
    top: 32%;
    color: rgb(54, 57, 62);
    z-index: 10;
    font-weight: 900;
    text-align: center;
    width: 100%;
    padding-right: 38px;
}
.reports-admin-home ul{
    padding-left: 0px;
}
.reports-admin-home ul.razredi .class-name-circle{
    margin: 0 auto;
}
.reports-admin-home ul.razredi li{
    list-style-type: none;
    width: 100%;
    padding: 10px 0;
}
.reports-admin-home ul.razredi li ul li{
    height: 54px;
}
.reports-admin-home ul.razredi li button{
    position: relative;
    background: transparent;
    width: 100%;
    padding: 0px;
    border: none;
    box-shadow: none;
    outline: 0 !important;
}
.reports-admin-home ul.razredi li button img{
    position: relative;
    z-index: 5;
}
.reports-admin-home ul.razredi li .dropdown-menu{
    position: relative;
    background: transparent;
    border: 0px;
    box-shadow: none;
    width: 100%;
}


/* Planirana ocjena */
#planned-grade-table p{
    color: #222;
}
#planned-grade-table form input{
    float: left;
    width: calc(100% - 85px) !important;
}
#planned-grade-table form button{
    float: left;
    width: 50px !important
}

.rotate {
    transition: all 0.3s ease-in-out;
    transform: rotate(180deg);
}

/* Messages */
.message-content{
    padding-bottom: 30px;
}
.message-content h3{
    background-color: #33353c;
    color: #fff;
    margin-bottom: 0;
    text-align: center;
    padding: 5px 7px;
}
.message-content .media{
    padding: 0 15px;
    border-bottom: 1px solid #33353c;
}
.message-content .media-user{
    height: 50px;
    width: 50px;
    display: flex;
    background: rgba(51, 53, 60, 0.6);
    border: 1px solid #33353c;
    border-radius: 100px;
    margin-bottom: 10px;
}
.message-content .media-right{
    float: right;
    padding: 0;
}
.message-content .media-user span{
    color: #fff;
    font-size: 33px;
    align-self: center;
    margin: 0 auto;
}
.message-content .col-xs-12{
    margin-top: 0;
    padding: 5px 0 0;
    border: 1px solid #33353c;
    border-bottom: 0;
}
.message-content .col-xs-12 .media-body a{
    color: #33353C;
    text-decoration: none;
}
.message-content .col-xs-12 .media-body p{
    color: #33353C;
    margin-top: 5px;
    border-top: 1px solid rgba(51,53,60,0.4);
    padding-top: 5px;
}
.message-content .col-xs-12 .media-body .text-muted{
    text-align: right;
}
.message-content .submit-new-message textarea{
    border: 1px solid #33353c;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.message-content .submit-new-message .form-group{
    text-align: right;
}
.message-content .submit-new-message .checkbox{
    text-align: center;
}
.message-content .submit-new-message .checkbox label{
    margin-left: 15px;
    padding-left: 15px;
}

/* Consultations */
#cons-form p{
    color: #33353C;
}

.notification-unread {
    color: rgba(255, 0, 0, 0.8) !important;
}
.notification-unread-tablecell {
    background-color: rgba(255, 0, 0, 0.4) !important;
}

/* Log tablica */
table.table-log{
    table-layout: fixed;
    word-wrap: break-word;
    width: 100%;
}
table.table-log thead{
    background-color: #33353c;
}
table.table-log thead td{
    padding: 3px 7px 2px 7px;
}
table.table-log thead td:first-child{
    border-left: 1px solid #33353c;
}
table.table-log thead td:not(:first-child){
    border-left: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
table.table-log tbody td{
    padding: 3px 7px 2px 7px;
    border: 1px solid #33353c;
}
table.table-log thead td strong{
    color: #fff;
}



/* Absences per Class */
table.absences-per-class{
    width: 100%;
    margin-top: 30px;
}
table.absences-per-class td{
    border: 1px solid;
}
table.absences-per-class span.absence_red{
    color: #ff0000;
}

#subject-elements-create #dyn_input_wrapper .btn-success,
#template-create #dyn_input_wrapper .btn-success,
.quarterly-reports-fill-div .btn-success,
#table_fill_report .btn-success{
    padding: 9px 12px;
}
#subjects-index .display-subjects .btn{
    margin-right: 10px;
}

.full-journal-content{
    overflow-x: scroll;
}

#table_results{
    padding: 0;
    overflow-x: scroll;
}
#add-named-column .col-md-4,
#add-named-column .col-md-5{
    margin-bottom: 10px;
    padding: 0;
}
.form-inline .btn-primary,
.form-group .btn-primary{
    padding: 8px 12px;
}
.form-inline .btn.btn-danger{
    margin-top: 10px;
}
.fill-report-action-buttons > div{
    display: inline-block;
    width: auto;
}
.fill-report-attach-students{
    margin-top: 10px;
}
.absences-per-class-row .col-md-12{
    overflow-x: scroll;
}
#tabs #all{
    padding: 1em 0;
    overflow-x: scroll;
}
.quarterly-reports-fill-div .col-md-12,
#consultations-view .col-md-12 {
    overflow-x: scroll;
}

/* select2 */
/*
.select2-container--bootstrap {
    min-height: 40px;
}
.select2-selection__rendered {
    min-height: 40px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
    height: 40px;
}
.select2-container--bootstrap .select2-selection {
    background-color: #f7f8ef !important;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    height: 30px;
    background-color: #f7f8ef !important;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
    margin-top: 3px;
}
*/
/* z-index corrections for the select2 dropdown inside colorbox popup */
.select2-close-mask {
    z-index: 10000 !important;
}
.select2-dropdown {
    z-index: 10001 !important;
}
.select2-drop-mask {
    z-index: 10000 !important;
}
.select2-drop {
    z-index: 10001 !important;
}
.select2-search {
    z-index: 10002 !important;
}

.fill-report-div > .col-md-12{
    overflow-x: scroll;
}

.year-migration-list {
    /**/
}
.year-migration-list li {
    font-size: large;
}

@media screen and (min-width: 1701px) {
    .full-journal-content {
        overflow-x: hidden;
    }
    #tabs #all {
        overflow-x: hidden;
    }
    #table_results {
        overflow-x: hidden;
    }
    .absences-per-class-row .col-md-12{
        overflow-x: hidden;
    }
    #tabs #all{
        overflow-x: hidden;
    }
    .quarterly-reports-fill-div .col-md-12,
    #consultations-view .col-md-12 {
        overflow-x: hidden;
    }
}

@media screen and (max-width: 1400px) {
    .full-journal-content > .row {
        width: 1170px;
    }
}


@media screen and (min-width: 991px) and (max-width: 1025px) {
    .sidenav .dropdown button span,
    .sidenav .dropdown .dropdown-menu li a{
        font-size: 18px;
    }
    .right-sidebar .dokumenti .dokument h4, .doc-categories .dokument h4{
        font-size: 12px;
    }
    .home-content{
        padding-top: 40px;
    }
    .container-fluid {
        padding-left: 10px;
    }
    .right-center{
        border-left: 25px solid rgb(54, 57, 62);
    }
    #class-select-group{
        display: inline-block;
        width: 100%;
    }
}

/*  Novi grid za md bootstrap  */
@media screen and (min-width: 991px) {
    .left-navbar{
        width: 17%;
    }
    .left-center{
        width: 53.2%;
        float: left;
    }
    .right-center{
        width: 46.8%;
        float: left;
    }
    .right-sidebar{
        width: 19%;
    }
    .classes-page-div .col-md-12 table button{
        /*display: block;*/
        margin: 10px auto 10px auto;
    }
}

@media screen and (max-width: 1650px) {
    .full-content form#add-comment-column > div[class~="form-group"] {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 1600px) {
    .full-content form[id^="ed-"] > div[class~="form-group"] {
        margin-left: -35px !important;
    }
}

@media screen and (max-width: 1400px) {
    .full-content form[id^="ed-"] > div[class~="form-group"] {
        margin-left: -25px !important;
    }
    .full-content form#add-comment-column > div[class~="form-group"] {
        margin-left: 10px !important;
    }
}

@media screen and (max-width: 1250px) {
    .full-content form[id^="ed-"] > div[class~="form-group"] {
        margin-left: -15px !important;
    }
    .full-content form#add-comment-column > div[class~="form-group"] {
        margin-left: 20px !important;
    }
}

@media screen and (max-width: 1150px) {
    .full-content form[id^="ed-"] > div[class~="form-group"] {
        margin-left: -5px !important;
    }
    .full-content form#add-comment-column > div[class~="form-group"] {
        margin-left: 30px !important;
    }
}

@media screen and (min-width: 921px) and (max-width: 991px) {
    .full-content form#add-comment-column > div[class~="form-group"] {
        margin-left: -120px !important;
    }
}

@media screen and (max-width: 921px){
    .full-content form#add-comment-column > div[class~="form-group"] {
        margin-left: -110px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1400px){
    .navbar-nav{
        width: 100%;
    }
    .left-navbar .col-md-3.second-md{
        width: 40px;
        padding-right: 30px !important;
    }
    .sidenav .dropdown .dropdown-menu li a{
        padding-right: 50px;
        position: relative;
        font-size: 13px;
        white-space: normal;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .body__interface{
        padding-left: 10px;
    }
    .sidenav .dropdown .dropdown-menu li:nth-child(2){

    }
    .sidenav .dropdown button img {
        max-width: 25px;
    }
    .left-navbar .col-md-3 img{
        max-width: 30px;
    }
    .sidenav .dropdown button span{
        margin-left: 5px;
        font-size: 13px;
    }
    .left-navbar .col-md-12{
        padding-right: 5px !important;
    }
}


/* Configuration */
.form-horizontal.add-new-class label{
    padding-left: 0;
    text-align: left;
    margin-bottom: 15px;
}
.form-horizontal.add-new-class .form-group{
    width: 100%;
}
.form-horizontal .form-group input[name=uploadLimit]{
    background-color: rgba(255, 255, 255, 0.7);
    height: 40px;
}
.form-horizontal.add-new-class .display-subjects{
    padding: 0;
    margin-bottom: 15px;
}
.form-horizontal.add-new-class .display-subjects li{
    list-style: none;
    list-style-type: none;
}
.configuration-details input{
    text-align: center;
}
.delete-logs .col-sm-12{
    color: #c9302c;
    font-weight: 900;
    font-size: 18px;
    margin-top: 25px;
}
.delete-logs div{
    text-align: right;
    padding-right: 30px;
}
.delete-logs h4{
    color: #c9302c;
}

@media screen and (min-width: 1024px) {
    #news-all table tbody tr button {
        margin-bottom: 10px;
    }
    /*
    .ui-widget table.holidays-table tbody button{
        display: block;
        margin: 0 auto 10px auto;
    }
    */
    .message-tabs.ui-widget .subjects-action button{
        margin-left: 10px;
    }
    .classes-page-div .col-md-12 table button{
        margin: 10px auto 10px auto;
    }
    .student-subjects img{
        width: 100%;
    }
}
@media screen and (max-width: 1024px) {
    .student-subjects{
        padding: 0 15px;
    }
    .half-content {
        min-height: auto;
        display: inline-block;
    }    
    .left-navbar .col-md-12 {
        padding-right: 0px !important;
    }
    .left-navbar .col-md-3.second-md {
        padding-right: 40px !important;
    }
    .title-row .btn-normal{
        margin-top: 10px;
    }
    .gaudeamus-logo img{
        width: 100%;
    }
    .home-content{
        position: relative;
        padding-top: 40px;
    }
    .left-navbar{
        position: absolute;
        left: -94.7%;
        width: 100%;
        z-index: 10008;
        top: -5px;
        background: transparent;
        border: 0;
        border-radius: 0;
        min-height: auto !important;
    }
    .left-navbar .first-md{
        display: none;
        padding-right: 0;
    }
    .left-navbar .col-md-3.second-md{
        top: 0;
        background-color: transparent;
    }
    .sidenav button.btn-navbar{
        padding: 10px 0px 10px 0px;
    }
    .sidenav .dropdown .dropdown-menu li a{
        padding: 12px;
    }
    .sidenav .dropdown button img{
        margin-right: 15px;
    }
    .navbar-nav{
        margin: 0;
    }
    .sidenav .dropdown .dropdown-menu{
        width: 100%;
        text-align: center;
    }
    .half-content,
    .full-content{
        padding: 0;
        width: 100%;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .full-content{
        padding-bottom: 30px;
    }
    .container-fluid {
        padding-right: 20px;
    }
    .right-center {
        background: none;
        border-left: none;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .left-center {
        background: none;
        padding-bottom: 0px;
        min-height: 300px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .home-page-center:after {
        display: none;
    }
    .half-content > .category-files-row > .col-xs-12 > .row >.col-xs-12.col-sm-6.col-md-12 > .col-md-2{
        float: left;
    }
    .half-content > .category-files-row > .col-xs-12 > .row >.col-xs-12.col-sm-6.col-md-12 > label.col-md-2{
        padding-left: 0;
    }
    .half-content > .category-files-row > .col-xs-12 > .row >.col-xs-12.col-sm-6.col-md-12 > div.col-md-2:nth-child(2){
        width: calc(100% - 80px);
        padding-left: 0;
    }
    .student-subjects .col-xs-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .admin-search-form .search_forms div.col-xs-12 div {
        padding-right: 0px;
        padding-bottom: 10px;
    }
    .admin-search-form .search_forms div.col-xs-12 div.row .text-left {
        padding-bottom: 0px;
    }
    .right-sidebar {
        border-left: none;
        width: 100%;
    }
    .right-sidebar .najnovije-vijesti h3,
    .right-sidebar .dokumenti h3 {
        padding-left: 0;
        text-align: center;
    }
    .right-sidebar .najnovije-vijesti .autor {
        margin-top: 0%;
    }
    .vijest .news-description {
        display: inline-block;
        width: 100%;
    }
    .title-row a {
        margin-top: 0;
        margin-bottom: 0;
    }
    .right-sidebar .dokumenti .dokument h4, .doc-categories .dokument h4{
        font-size: 12px;
    }
    /*sub pages*/
    #news-all table tbody tr button{
        margin-bottom: 10px;
    }
    .ui-widget table tbody button{
        display: block;
        margin: 0 auto 10px auto;
    }
    .message-tabs.ui-widget .subjects-action button{
        margin-left: 10px;
    }
    .right-sidebar .dokumenti .dokument .category-files, .doc-categories .dokument .category-files {
        width: 34px;
        height: 33px;
        background-size: 28px 19px;
        background-repeat: no-repeat;
        background-position: 50%;
    }
    .classes-page-div .col-md-12 table button{
        font-size: 0.8em;
        display: block;
        margin: 10px auto 10px auto;
    }
}

@media screen and (max-width: 991px) {
    #user-log-chooser{
        margin-top: 10px;
        float: right;
    }
    .reports-admin-home ul.razredi li ul li {
        height: auto;
    }
    .submit-new-message{
        float: left;
        width: 100%;
        margin-top: 50px;
    }
    .student-details > .col-xs-12.col-md-6{
        padding: 0;
    }
    .student-details > .col-xs-12.col-md-6{
        border-bottom: 1px solid;
    }
    .student-details div.col-md-6.col-xs-12 div{
        border: 0;
    }
    .student-details div.col-md-6.col-xs-12 div:nth-child(2n) {
        text-align: center;
        border-right: 1px solid;
        border-left: 1px solid;
    }
    .student-details div.col-md-6.col-xs-12 div:nth-child(2n+1){
        border: 0;
    }
}
@media screen and (max-width: 900px) {
    .left-navbar{
        left: -93.7%;
    }
}
@media screen and (min-width: 600px) and (max-width: 991px) {
    .login-container .form-horizontal .form-group .col-md-12{
        width: 65%;
        margin-left: 17.5%;
    }
    .login-container .form-horizontal .form-group .col-md-12 .btn-login{
        margin-top: 3%;
    }
    .row-forgot-password .col-md-6 .col-md-2{
        width: 6.667%;
    }
}

@media screen and (max-width: 768px) {
    #user-date-log-chooser {
        width: 100% !important;
    }
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }
    .half-content h2, .full-content h2{
        margin-bottom: 25px;
    }
    .home-page-center .left-center .row .col-xs-12.col-md-12 .col-sm-4.col-md-6.col-lg-6{
        padding-right: 0 !important;
        margin-bottom: 10px;
    }
    .home-page-center .left-center .row .col-xs-12.col-md-12 .col-sm-9.col-md-10.col-lg-10.text-right{
        margin-bottom: 10px;
    }
    .left-navbar{
        left: -92.7%;
    }
    .padding0-mobile{
        padding: 0;
    }
    .header{
        display: inline-block;
        padding-bottom: 20px;
    }
    .login-container .form-horizontal .zaboravljena-lozinka .col-md-8{
        padding: 0px;
    }
    .header h3.naslov{
        margin-top: 5px;
    }
    .header .logirani-korisnik{
        position: absolute;
        top: 0;
        right: 0;
        padding-top: 16px;
    }
    .header .logirani-korisnik .row:nth-child(1){
        padding-right: 30px;
    }
    .header .logirani-korisnik .row:nth-child(1) .col-xs-6:first-child{
        width: 100%;
        padding-right: 10px;
    }
    .header .logirani-korisnik .row:nth-child(1) .col-xs-6:last-child{
        width: 0;
        padding: 0;
    }
    .header .logirani-korisnik .row:nth-child(2) p{
        text-align: right;
    }
    .header .logirani-korisnik .messages-icon{
        padding: 0;
        margin-top: 15px;
    }
    .header .gaudeamus-logo-div{
        display: none;
    }
    .half-content .right-center{
        height: auto;
        min-height: auto;
    }
    .ui-tabs-panel.ui-corner-bottom.ui-widget-content,
    .ui-tabs-panel.ui-corner-bottom.ui-widget-content > .row > .col-md-12{
        padding-left: 0;
        padding-right: 0;
    }
    /*sub pages*/
    #all > .col-md-12{
        padding: 0;
    }
    #news-all .row .col-md-12 .panel-group .panel.panel-default .panel-collapse,
    .table-log-div .col-xs-12,
    .category-files-row > .col-xs-12,
    #all,
    .workweeks-subjects{
        overflow-x: scroll;
    }
    #news-all .row .col-md-12 .panel-group .panel.panel-default .panel-collapse .panel-body,
    .table-log-div .col-xs-12 .table-log,
    .category-files-row .col-xs-12 #category-files-table,
    .workweeks-subjects .col-md-12{
        width: 1000px;
    }
    table.holidays-table{
        width: 500px;
    }
    .ui-widget table tbody button,
    .message-tabs.ui-widget .subjects-action button{
        font-size: 0.8em;
        display: block;
        margin: 10px auto 10px auto;
    }
    .doc-categories > ul{
        padding: 0;
    }
    .right-sidebar .dokumenti .dokument .glyphicon, .doc-categories .dokument .glyphicon.glyphicon-folder-open{
        font-size: 14px;
    }
    #subjects-index .display-subjects .subjects .subjects-name{
        width: calc(100% - 70px);
    }
    #subjects-index .display-subjects .subjects .subjects-action{
        width: 70px;
    }
    #subjects-index .display-subjects .subjects .subjects-name,
    #subjects-index .display-subjects .subjects .subjects-action{
        display: block;
        float: left;
    }
    #subjects-index .display-subjects .subjects .subjects-action a.btn{
        display: list-item;
        list-style: none;
        list-style-type: none;
        margin: 10px auto;
        width: 40px;
    }
    #table-remark {
        width: auto;
    }
    .quarterly-reports-fill-div tbody input,
    .quarterly-reports-fill-div tbody select,
    #table_fill_report tbody input{
        min-width: 100px;
    }
    .fill-report-div > .col-md-12{
        overflow-x: scroll;
    }
    .student-details .detail-buttons a{
        margin-bottom: 10px;
    }
    .all-comments{
        overflow-x: scroll;
    }
    .all-comments > .col-xs-12:last-child{
        min-width: 333px;
    }
    .subject-elements-div{
        overflow-x: scroll;
    }
    .student-subject-planned-grade,
    .student-subject-report-comments{
        float: left;
        width: 100%;
        display: inline-block;
    }
    .student-absences-div .col-md-12{
        overflow-x: scroll;
    }
    .student-absences-div select,
    #planned-grade-table select{
        min-width: 100px !important;
    }
}
@media screen and (min-width: 600px) and (max-width: 768px) {
    .login-container .form-horizontal .form-group .col-md-12{
        width: 100%;
        margin-left: 0%;
    }
}

@media screen and (max-width: 600px) {
    .left-navbar{
        left: -89.7%;
    }
    .logo-col-md-6 {
        top: 20px !important;
    }
    .login-container .form-horizontal .form-group .col-md-12{
        width: 100%;
    }
    .footer {
        margin-top: 50px;
    }
}
@media screen and (max-width: 500px) {
    .left-navbar{
        left: -83%;
    }
    #teacher_students_table,
    .classes-page-div .col-md-12{
        overflow-x: scroll;
    }
    #teacher_students_table .col-md-12:last-child,
    .classes-page-div .col-md-12 table{
        width: 500px;
    }
    .ui-tabs .ui-tabs-nav li{
        display: list-item;
        width: 100%;
        border-radius: 0;
    }
    .template-create-div .ui-tabs-panel .col-md-12,
    #others .col-md-12{
        overflow-x: scroll;
    }
    #view .panel-group .panel-collapse,
    #note-list .panel-group .panel-collapse{
        overflow-x: scroll;
    }
}
@media screen and (max-width: 471px) {
    .login-container .form .div-center .col-xs-10{
        width: 83.333% !important;
    }
    .login-container .form .div-center label{
        margin-left: 0%;
    }
    /*
    .login-col-md-6{
        width: 45.333%;
    }
    */
    .row-forgot-password .col-md-6 .col-md-9 .btn-link {
        padding-top: 10px;
    }
    .row-forgot-password .col-md-6 div {
        text-align: center;
    }
}

@media screen and (max-width: 400px) {
    .teacher-subject-table-div > .col-xs-12{
        overflow-x: scroll;
    }
    .teacher_subjects_table{
        min-width: 300px;
    }
    .login-container .form .col-md-2.control-label{
        display: flex;
    }
    .img_login_page_input {
        align-self: center;
        padding-top: 0;
        max-width: 26px;
    }
    .row-forgot-password .col-md-6 .col-md-9 .btn-link{
        padding-top: 0px;
        padding-left: 0px;
        font-size: 14px;
    }
    .row-forgot-password img {
        max-width: 30px;
    }
    .login-container .form-horizontal .form-group .col-md-12 .btn-login{
        font-size: 21px;
    }
    .login-container .row .col-xs-9 {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }
    .login-container .form .div-center label {
        margin-left: 0%;
    }
    .login-container .form .div-center .col-xs-10 {
        width: 83.333% !important;
    }
    .login-container .form h1 {
        font-size: 50px;
    }
    .row-forgot-password .col-md-6 .col-md-9 .btn-link {
        padding-top: 3px;
        font-size: 16px;
    }
    .footer {
        margin-top: 50px;
    }
    .subject-students-table > tbody > tr > td {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        height: 60px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
        text-align: center;
        vertical-align: middle;
    }
}


/*................................................................*/
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }
    .sidenav a {
        font-size: 18px;
    }
}



.admin-update-form .razrednik .col-md-6 .select2,
#teacher-registration .razrednik .col-md-6 .select2{
    width: 100% !important;
    height: 40px;
}
.admin-update-form .razrednik .col-md-6 .select2-selection--multiple,
#teacher-registration .razrednik .col-md-6 .select2-selection--multiple{
    min-height: 40px !important;
    background-color: rgba(255, 255, 255, 0.7);
}
.admin-update-form .razrednik .col-md-6 .select2-selection__choice,
#teacher-registration .razrednik .col-md-6 .select2-selection__choice{
    padding: 3px 10px;
}






/* Korelacije */
#form-correlation-update{
    margin-bottom: 40px;
}
#form-correlation-create > .form-group:nth-child(2) label.col-md-2.control-label{
    padding-top: 10px;
}
#form-correlation-create .input-group:first-child .korelacija-title,
#form-correlation-update .input-group:first-child .korelacija-title{
    display: none !important;
}
.show-correlation .input-group,
#form-correlation-create .input-group,
#form-correlation-update .input-group{
    margin-bottom: 10px;
    margin-top: 30px;
}
#form-correlation-create .input-group select,
#form-correlation-update .input-group select{
    width: 100%;
}
#form-correlation-create .input-group .input-group-btn button,
#form-correlation-update .input-group .input-group-btn button{
    padding: 9px 12px;
}
#form-correlation-create .input-group .input-group-btn .glyphicon,
#form-correlation-update .input-group .input-group-btn .glyphicon{
    font-size: 12px;
    padding: 4px;
}
.show-correlation .input-group .content-row,
#form-correlation-create .input-group .content-row,
#form-correlation-update .input-group .content-row{
    display: table-row !important;
    padding: 0;
}
.show-correlation .input-group .content-row label,
#form-correlation-create .input-group .content-row label,
#form-correlation-update .input-group .content-row label{
    padding: 0;
    text-align: left;
    padding-top: 10px;
}
#form-correlation-create .input-group .content-row div{
    padding: 0;
}
#form-correlation-create .help-block,
#form-correlation-update .help-block{
    display: table-row;
}
.show-correlation .input-group:first-child, 
#form-correlation-create .input-group:first-child, 
#form-correlation-update .input-group:first-child{
    margin-top: 10px;
}
#form-correlation-create label.col-md-2.control-label{
    padding-top: 20px;
}

/*
.show-correlation .subject-title{
    padding-top: 10px;
}
.show-correlation .input-group{
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
}
.show-correlation .input-group label{
    margin-bottom: 10px;
}
.show-correlation .input-group .content-row{
    border-top: 1px solid rgb(51, 53, 60);
}
.show-correlation .input-group .content-row div{
    padding: 0;
}
.show-correlation p{
    color: #33353C;
}
.show-correlation .input-group:nth-child(2n+1) {
    background: rgba(51, 53, 60, 0.2);
}
.show-correlation .btn-set-status{
    margin-bottom: 5px;
}*/
#form-set-status{
    display: inline-block;
    width: 100%;
    margin: 30px 0;
}
#form-set-status-popup #form-set-status .row {
    margin-bottom: 20px;
}
#form-set-status-popup .point,
#form-set-status-popup .status{
    font-size: 20px;
}
#form-set-status-popup .glyphicon{
    cursor: pointer;
    color: rgba(51, 53, 60, 0.2);
    vertical-align:-1px;
    margin-right: 15px;
}
#form-set-status-popup .point{
    cursor: pointer;
    margin-right: 15px;
    padding: 5px 10px;
    line-height: 1;
    background: rgba(51, 53, 60, 0.2);
    border-radius: 3px;
}
#form-set-status-popup .point span {
    position: relative;
    top: -2px;
}
#form-set-status-popup input[type="radio"]:checked + label.point{
    background: #5cb85c;
    color: #fff;
}
#form-set-status-popup input[type=checkbox],
#form-set-status-popup input[type=radio]{
    visibility: hidden;
    position: absolute;
}
#form-set-status-popup input[type="radio"]:checked + label .glyphicon.glyphicon-ok{
    color: #5cb85c;
}
#form-set-status-popup input[type="radio"]:checked + label .glyphicon.glyphicon-remove{
    color: #d9534f;
}
#form-reset-status-popup h3{
    color: #d9534f;
}
#form-reset-status-popup p{
    color: #555;
    font-size: 16px;
}




.show-correlation .glyphicon-duplicate,
#form-correlation-update .glyphicon-duplicate{
    float: right;
    cursor: pointer;
}
.show-correlation .col-md-12.comments-row,
#form-correlation-update .col-md-12.comments-row{
    padding: 0;
}
.show-correlation p.form-control,
#form-correlation-update p.form-control{
    line-height: 1.9;
}
.show-correlation p.correlation-old-content,
#form-correlation-update p.correlation-old-content{
    margin-top: 10px;
}
.show-correlation .comments-row .comments-accordion,
#form-correlation-update .comments-row .comments-accordion{
    margin-top: 20px;
}
.show-correlation .comments-row .comments-accordion .panel-body,
#form-correlation-update .comments-row .comments-accordion .panel-body{
    padding-top: 0;
}
.show-correlation .comments-row .comments-accordion .panel-body .row,
#form-correlation-update .comments-row .comments-accordion .panel-body .row{
    margin-top: 15px;
}
.show-correlation .comments-row .comments-accordion .panel-body .comment-author,
#form-correlation-update .comments-row .comments-accordion .panel-body .comment-author{
    float: right;
}
.show-correlation .correlation-old-content,
#form-correlation-update .correlation-old-content{
    color: #555;
}
.show-correlation .input-group,
#form-correlation-update .input-group{
    padding-top: 30px;
    border-top: 1px solid rgb(51, 53, 60);
}
.show-correlation .panel.panel-default .panel-title a,
#form-correlation-update .panel.panel-default .panel-title a{
    text-transform: unset;
}
.show-correlation .new-content-accordion .col-md-12.text-right,
#form-correlation-update .new-content-accordion .col-md-12.text-right{
    padding: 0;
    margin-top: 10px;
}
.show-correlation .old-content-row,
#form-correlation-update .old-content-row{
    margin-top: 10px;
}
.show-correlation .input-group,
#form-correlation-update .input-group{
    display: inline-block;
    width: 100%;
}

.show-correlation .num-points > span{
    cursor: pointer;
    margin-right: 15px;
    padding: 0 9px 0 0;
    line-height: 1;
    background: #5cb85c;
    color: #fff;
    border-radius: 3px;
    font-weight: 600;
    font-size: 24px;
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    top: 2px;
}
.show-correlation .num-points > span.reject{
    background: #d9534f;
}
.show-correlation .num-points > button{
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 4px 8px;
}


.add-comment-correlation,
.add-comment-correlation h3{
    margin-top: 30px;
}
.add-comment-correlation,
.add-comment-correlation > .col-xs-12{
    padding: 0;
}
.add-comment-correlation h4{
    color: #222;
}
.add-comment-correlation .has-error textarea{
    border-color: #a94442;
}
.add-comment-correlation textarea{
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.add-comment-correlation .form-horizontal .form-group{
    margin-left: 0;
    margin-right: 0;
}
.comments-accordion p,
.comments-accordion .editComment{
    color: #33353C;
}
.login-with-subject select.form-control{
    max-width: 300px;
    display: inline-block;
    margin: 0 15px;
}
.login-with-subject{
    margin-top: 10px;
}
.current-logged-subject button{
    margin-left: 10px;
}
.add-comment-correlation .scroll-to-top{
    cursor: pointer;
}

#correlations-view .correlation-mentorship-table{
    margin-bottom: 50px;
}
#correlations-view .reports-admin-home{
    padding: 0 15px;
}
#correlations-student-details .student-details .row{
    border: 0;
    padding: 0;
}

#correlations-student-details .student-details{
    margin-bottom: 30px;
}
#correlations-student-details .student-details div.col-md-6.col-xs-12 div:nth-child(2n+1){
    background: transparent;
}
#correlations-student-details .student-details div.col-md-6.col-xs-12 div:nth-child(2n){
    text-align: left;
}
#correlations-student-details .student-details div.col-md-6.col-xs-12 div:nth-child(2){
    border-top: 0;
}
#correlations-student-details .student-details .row{
    background: transparent;
}
#correlations-student-details .student-details .row div:first-child{
    background: #33353c !important;
}
#correlations-student-details .student-details .row div:last-child{
    color: #33353C;
    text-align: center !important;
}
#correlations-student-details .student-details div.col-md-6.col-xs-12 div:nth-child(1){
    border-top: 0;
}
#correlations-student-details .student-details .row:nth-child(1) div{
    border-top: 1px solid #33353c !important;
}
#correlations-student-details .student-details .row:last-child{
    display: flex;
}
#correlations-student-details .student-details .row:last-child div{
    border-bottom: 1px solid #33353c !important;
}
.correlation-student-subject.student-subjects{
    margin-bottom: 30px;
}
.allStudents.dropdown .dropdown-menu{
    max-height: 500px;
    overflow-y: scroll;
}


.has-unread-notifications{
    position: relative;
}
.has-unread-notifications::after{
    content: '';
    background: red;
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -4px;
    right: -4px;
    border-radius: 14px;
}
#correlations-view .collapse.in {
    display: inline-block;
}
#correlations-view .collapse > li{
    display: flex;
    flex-wrap: wrap;
    height: auto;
}

/*
#correlations-student-details .student-details div.col-md-6.col-xs-12 div{
    text-align: left;
}
#correlations-student-details .student-details .row div:first-child{
    background: #33353c;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.7);
    border-right: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.7);
}
#correlations-student-details .student-details .row div:last-child{
    border-top: 1px solid #33353c;
    border-bottom: 1px solid #33353c;
    border-right: 1px solid;
    color: #33353C;
}
*/