/* login */
.inputwrapper button
{
    background: #255576;
    border-color: #1a4563;
}

    .inputwrapper button:hover
    {
        background: #1a4563;
        border-color: #123954;
    }

/* background */

body.loginpage,
.header,
.leftmenu .nav-tabs.nav-stacked > li.active > a,
.leftmenu .nav-tabs.nav-stacked > li.active > a:hover,
.shortcuts li a,
.widgettitle,
.mediamgr .mediamgr_rightinner h4,
.messagemenu,
.msglist li.selected,
.wizard .hormenu li a.done,
.wizard .hormenu li a.selected,
.actionBar a:hover,
.actionBar a:hover,
.wizard .tabbedmenu,
.nav-tabs > .active > a:focus,
.tabbable > .nav-tabs,
.btn-primary, .btn-primary:link,
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus,
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus,
.tabs-right .nav-tabs,
.tabs-right > .nav-tabs > li > a,
.tabs-left .nav-tabs,
.tabs-left > .nav-tabs > li > a,
.progress-primary .bar,
.tab-primary.ui-tabs .ui-tabs-nav,
.ui-datepicker-calendar td.ui-datepicker-today a,
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus,
.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled],
.btn-group.open .btn-primary.dropdown-toggle,
.fc-widget-header,
.fc-widget-header.fc-agenda-gutter.fc-last,
.chatwin h4
{
    background-color: #3b6c8e;
}

.white
{
    color: white !Important;
}

.msgbody
{
    word-break: break-all;
}
/* color */

a, a:hover, a:link, a:active, a:focus,
.pageicon,
.pagetitle h1,
.userlist li .uinfo h5,
.messagemenu ul li.active a,
.msglist li h4,
.actionBar a,
.actionBar a.buttonDisabled,
.wizard .tabbedmenu li a.selected,
.wizard .tabbedmenu li a.done,
.tabbable > .nav-tabs > li.active > a,
.btn-circle.btn-primary, .btn-circle.btn-primary:hover, .btn-circle.btn-primary:focus,
.btn-circle.btn-primary:active, .btn-circle.btn-primary.active,
.btn-circle.btn-primary.disabled, .btn-circle.btn-primary[disabled],
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus,
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus,
#chatwinlist
{
    color: #3b6c8e;
}


    /* border color */

    .headmenu .dropdown-menu,
    .pageicon,
    .widgetcontent,
    .messagemenu ul li.active,
    .messageleft,
    .messageright,
    .messagesearch,
    .msgreply,
    .wizard .hormenu li a,
    .wizard .hormenu li:first-child a,
    .stepContainer,
    .actionBar,
    .actionBar a,
    .actionBar a.buttonDisabled,
    .tabbable > .nav-tabs,
    .tabbable > .tab-content,
    .nav-tabs.nav-stacked > li > a:focus,
    .btn-circle.btn-primary, .btn-circle.btn-primary:hover, .btn-circle.btn-primary:focus,
    .btn-circle.btn-primary:active, .btn-circle.btn-primary.active,
    .btn-circle.btn-primary.disabled, .btn-circle.btn-primary[disabled],
    .nav-tabs,
    .nav-tabs > li > a:hover, .nav-tabs > li > a:focus,
    .tabs-below .tab-content,
    .tabs-below > .nav-tabs > li.active > a,
    .tabs-right,
    .tabs-left,
    .tab-primary.ui-tabs,
    .btn-primary, .btn-primary:link,
    .nav-tabs.nav-stacked > li > a,
    .nav-tabs.nav-stacked > li > a:hover,
    .nav-tabs.nav-stacked > li > a:hover,
    .nav-tabs.nav-stacked > li > a:focus,
    .nav-tabs > .active > a,
    .nav-tabs > .active > a:hover,
    .nav-tabs > .active > a:focus,
    .chatwin, #chatwinlist, #chatwinlist ul
    {
        border-color: #3b6c8e;
    }


/* extras */

.tabs-below > .nav-tabs > li.active > a
{
    border-bottom: 1px solid #3b6c8e !important;
}

.nav-list > li > a
{
    color: #666;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li
{
    border-color: rgba(255,255,255,0.2);
}

.leftmenu .nav-tabs.nav-stacked > li > a
{
    border-color: #232323 !important;
}

.leftmenu .nav-tabs.nav-stacked > li.active > a
{
    border-color: rgba(0,0,0,0.1) !important;
}

/* ie fix */

.no-rgba .headmenu > li
{
    border-right: 1px solid #688da8;
}

    .no-rgba .headmenu > li:first-child
    {
        border-left: 1px solid #688da8;
    }


@media screen and (max-width: 480px)
{

    .userloggedinfo ul li a:hover
    {
        background-color: #3b6c8e;
    }

    .userloggedinfo .userinfo,
    .wizard .hormenu li,
    .messageright
    {
        border-color: #3b6c8e;
    }
}

.drop-down-login
{
    border: 0;
    padding: 10px;
    background: #fff;
    width: 278px;
    height: 40px;
}

.show-important
{
    display: block !Important;
}

.server-info
{
    font-size: 13px;
}

.link-direct, .link-direct > li
{
    list-style: none;
    padding: 0;
    margin: 0;
}

.modal
{
    top: 50% !Important;
    left: 50% !Important;
}

    .modal > .modal-body
    {
        height: auto !Important;
        max-height: 750px;
    }

.link-direct
{
    overflow: hidden;
}

    .link-direct > li
    {
    }

        .link-direct > li > a
        {
            padding: 10px;
            background-color: rgb(255, 255, 255);
            display: block;
            font-size: 15px;
            color: rgb(52, 141, 190);
            width: 480px;
            margin-bottom: 2px;
            padding-left: 22px;
        }

            .link-direct > li > a:hover
            {
                background-color: #1a4563;
                color: white;
                text-decoration: none;
                -webkit-transition: all 0.2s ease-out 0s;
                transition: all 0.2s ease-out 0s;
            }

.user-info-login
{
    overflow: auto;
    margin-left: -11px;
    margin-bottom: 15px;
}

a.reset-link, a.reset-link:hover
{
    text-decoration: none;
}

.widget-info
{
    text-align: center;
    margin: 13px 0;
    font-family: Tahoma;
    font-size: 15px;
    color: silver;
}

.over-flow-hidden
{
    overflow: hidden;
}

.userloggedinfo > img.wall
{
    width: 78px;
    height: 78px;
}

.logo-skola-login
{
    text-align: left !Important;
}

.logo-dash-login
{
    width: 232px !Important;
}

.show-opacity-important
{
    opacity: 1!Important;
}

.padding-5
{
    padding: 5px;
}

.icons-shortcut
{
    font-size: 73px;
    padding: 10px 20px;
}

.shortcuts > li.last
{
    margin-right: 0;
}

.shortcuts li a
{
    width: 134px;
    height: 134px;
}

.table-custom > tbody > tr
{
    background-color: white;
}

.margin-reset
{
    margin: 0 !Important;
}

.mod-search
{
    position: static;
}

a.mod
{
    padding: 5px 8px;
    background-color: rgb(87, 152, 189);
    color: white;
    border-radius: 2px;
}

    a.mod:hover
    {
        text-decoration: none;
        background-color: #1a4563;
        color: white;
    }

.drop-down-form
{
    padding: 5px 5px !Important;
}

.drop-down-form-big
{
    padding: 10px 10px !Important;
    height: 41px !Important;
}

.big-textbox
{
    height: 35px !Important;
    margin-bottom: 0 !Important;
}

.mod-cointainer
{
    margin-top: 10px;
}

.btn-pretraga
{
    margin-bottom: 0;
    height: 35px;
    margin-left: 0 !important;
}

.foto-promjena
{
    max-width: 200px;
}

.back-button
{
    margin-bottom: 15px;
}

.over-auto
{
    overflow: auto;
}

.over-hiden
{
    overflow: hidden;
}

.btn-action-form
{
    display: block;
    font-weight: 100;
}

.deactiver-form
{
    height: 43px;
    padding-top: 23px !Important;
}

.profil-mod-img
{
    max-width: 150px;
    margin: 0 auto;
}

.table td.middle
{
    vertical-align: middle;
}

button.mod
{
    padding: 2px 10px;
    font-size: 11px;
}

a.mod-1
{
    padding: 2px 10px;
    font-size: 75%;
}

.widget-clear
{
    margin: 0;
    border: 2px solid #93ABBB !Important;
    margin-top: 15px;
}

.query-teble
{
    background-color: #2A628A !Important;
    border: 0 !Important;
    color: white !Important;
}

.query-teble-ucenici, .query-teble-izostanci, .query-ucenici
{
    background-color: #2A628A !Important;
    border: 0 !Important;
    color: white !Important;
}

.title-table
{
    margin-top: 5px;
}

.text-edit-full
{
    border: 1px solid #dedede;
}

textarea[data-full=true]
{
    height: 500px;
}

textarea#Opis
{
    min-height: 200px;
    resize: none;
}

.big-message-to
{
    overflow: auto;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    display: block;
    margin-bottom: 10px;
    -moz-border-radius: 0;
    padding: 5px 5px 2px 5px;
}

    .big-message-to > input[type=text]
    {
        border: 0;
        box-shadow: none;
        margin: 0;
        clear: both;
    }

    .big-message-to > .label-p
    {
        display: block;
        margin-top: 5px;
        font-size: 15px;
        font-family: Tahoma;
        color: silver;
        float: left;
        margin-left: 9px;
    }

.redactor_novaPorukaText
{
    height: 270px;
}

.user-reciver
{
    background-color: #3b6c8e;
    color: white;
    padding: 2px;
    text-shadow: 1px 1px rgb(50, 88, 146);
    cursor: default;
    display: inline-block;
}

    .user-reciver > img
    {
        width: 22px;
        float: left;
        margin-right: 7px;
    }

    .user-reciver > span
    {
        margin-right: 5px;
        float: left;
        margin-top: 2px;
    }

.remover-reciver
{
    font-size: 18px;
    margin-top: 1px;
    cursor: pointer;
}

    .remover-reciver:hover
    {
        color: silver;
    }

.auto-list
{
    position: absolute;
    background-color: rgb(255, 255, 255);
    z-index: 99999;
    display: none;
    width: 150px;
    border: 1px solid rgb(216, 216, 216);
    border-top: 0;
}

.user-item
{
    display: block;
    overflow: auto;
    border-bottom: 1px solid rgb(240, 240, 240);
    padding: 5px;
    cursor: pointer;
}

    .user-item:hover
    {
        background: #e1eff8;
    }

.active
{
    background: #e1eff8;
}

.hide-super
{
    display: none !Important;
}

.user-item > span
{
    display: block;
}

.user-item > .img
{
    float: left;
    margin-right: 10px;
}

    .user-item > .img > img
    {
        width: 55px;
        margin: 0;
    }

.user-item > .info
{
}

    .user-item > .info > .Ime
    {
        display: block;
        font-size: 22px;
        margin-top: 5px;
    }

    .user-item > .info > .Basic
    {
        display: block;
        font-size: 11px;
    }

.action-msg-replay
{
    margin-top: 5px;
    text-align: right;
}

.msglist li
{
    background-color: white;
}

    .msglist li.unread
    {
        background-color: #f6f6f6;
    }

    .msglist li.selected
    {
        background-color: #3b6c8e;
    }

#naslov-msg
{
    padding: 18px 12px;
}

.info-sesija
{
    display: block;
    text-align: center;
    color: rgb(170, 170, 170);
}

.info-lozinka
{
    font-size: 15px;
    color: rgb(155, 155, 155);
    text-align: center;
    display: block;
}

.active-current
{
    display: block;
    text-align: center;
    margin-bottom: 15px;
}

.padding-reset
{
    padding: 0 !Important;
}

.f-doc
{
    background: url('/Content/images/iconsFormats.png') no-repeat 0 0;
    width: 36px;
    height: 46px;
    display: inline-block;
    float: left;
}

.f-xls
{
    background: url('/Content/images/iconsFormats.png') no-repeat -50px 0;
    width: 36px;
    height: 46px;
    display: inline-block;
    float: left;
}

.f-ppt
{
    background: url('/Content/images/iconsFormats.png') no-repeat -98px 0;
    width: 36px;
    height: 46px;
    display: inline-block;
    float: left;
}

.f-pdf
{
    background: url('/Content/images/iconsFormats.png') no-repeat -145px 0;
    width: 36px;
    height: 46px;
    display: inline-block;
    float: left;
}

.novosti-box
{
    border: 1px solid #E2E2E2;
}

.f-zip
{
    background: url('/Content/images/iconsFormats.png') no-repeat -192px -1px;
    width: 36px;
    height: 46px;
    display: inline-block;
    float: left;
}

.obavjest-time
{
    color: #9C9C9C;
}

.novosti-vise
{
    padding: 20px;
}

#files-name-info
{
    display: block;
    margin-top: 10px;
}

    #files-name-info > div.info
    {
        background-color: rgb(241, 241, 241);
        padding: 5px 10px;
        margin-bottom: 1px;
        font-family: Tahoma;
        cursor: default;
    }

        #files-name-info > div.info:hover
        {
            background-color: rgb(247, 247, 247);
        }

    #files-name-info > div.suma-info
    {
        padding: 4px;
        padding-right: 11px;
        margin-top: 6px;
        text-align: right;
        font-family: Arial;
        background-color: rgb(247, 247, 247);
        cursor: default;
        color: rgb(145, 145, 145);
        font-weight: 700;
    }

.mod-fluid
{
    font-size: 75%;
}

.over-visible
{
    overflow: visible !Important;
}


.search-red-ocjene, .ocjene-info
{
    color: red;
    cursor: pointer;
}

.izostanak-braker
{
    display: block;
    float: left;
    margin: 2px;
}

.nav-list
{
    border: 2px solid #3b6c8e;
    background: #fff;
}

    .nav-list .nav-header
    {
        padding: 7px 15px;
        background: #3b6c8e;
        color: #fff;
        text-shadow: none;
        font-weight: normal;
    }

    .nav-list > li > a
    {
        font-size: 14px;
        padding: 15px;
        border-bottom: 1px solid rgb(240, 240, 240);
    }

.commentlist li img
{
    width: 80px;
    margin-right: 10px;
}

.wid
{
    border: 2px solid #85A4B9;
}

.margin-reset-subform
{
    margin-top: 26px !Important;
    margin-bottom: 0!Important;
}

.notes-info-w
{
    padding: 5px 10px;
    background-color: rgb(121, 144, 160);
    font-weight: 700;
    font-family: Verdana;
    color: white;
}

.silver
{
    color: silver;
}

.inputwrapper .btn-group button
{
    display: inline-block;
}

.push-element-floating
{
    float: left;
    margin-left: 2px;
}

.clear-error-fix
{
    clear: both !Important;
    margin-top: 87px !Important;
    display: block !Important;
}

.commentlist li .comment-info
{
    margin-left: 90px;
}

.reset-pass
{
    float: right;
    margin-top: 11px;
}

    .reset-pass > a
    {
        color: rgba(255,255,255,0.8) !Important;
    }

        .reset-pass > a:hover
        {
            text-decoration: none;
            color: rgba(255,255,255,1) !Important;
        }

.btn-small
{
    padding: 2px 10px!important;
    font-size: 11.9px !important;
}

.w-50
{
    width: 139px !Important;
}

.reset-btn-tip:hover
{
    color: white;
}

.icon-2x
{
    font-size: 16px;
}

.m-ucenik-li
{
    margin-right: 10px;
}

.over-flow-m
{
    overflow: auto;
}

.m-list-session
{
    overflow: auto;
    float: left;
}

.w-mobile
{
    width: 300px;
}

.over-flow
{
    overflow: auto;
}

.check-td
{
    width: 10px;
}

.ocjene-reset-show
{
    color: #1a4563 !Important;
}

.zakljucno-shift
{
    margin-left: 15px;
}

.ocjena-live-textbox
{
    margin: 0 !Important;
    height: 26px !Important;
    min-height: 0 !Important;
}

.exdend-ocjena-modal, .exdend-izostanak-modal
{
    width: 350px;
}

.over-visible
{
    overflow: visible;
}

.odsutan
{
    background-color: #e5f0f1 !Important;
}

.odrzanaNastava-breaker
{
    margin-top: 6px !Important;
    border-top: 1px solid rgb(206, 204, 204);
}

.percent-50
{
    width: 50% !Important;
}

.height-fix
{
    height: 20px !Important;
}

.fix-dropdown
{
    padding: 5px 7px !Important;
}

.fix-checkBox
{
    margin: 4px !Important;
}

.fix-sms-list
{
    min-height: 87px !Important;
    font-size: 15px !Important;
}

.fix-odabrana-lista-sms
{
    height: 82px;
}

.clear-fix
{
    clear: both;
}

.fix-content
{
    margin: 3px !Important;
}

.fix-body-hour
{
    min-height: 190px !Important;
}

.action-bar-max-min
{
    color: white;
    text-shadow: none;
    opacity: 0.5;
    float: right;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
}

    .action-bar-max-min:hover
    {
        opacity: 1 !Important;
        color: white;
        text-decoration: none;
    }

.stdform2 .stdformbutton
{
    text-align: right;
}

.fix-satnica
{
    height: 29px;
}

.fix-satnica-static
{
    margin-top: 5px;
}

.fix-btn-big
{
    height: 40px;
    font-size: 15px;
}

.color-fix-big-btn
{
    background-color: rgb(76, 158, 89);
}

.fix-form-in-admin-settings
{
    margin-bottom: 10px;
}

.fix-btn-migration
{
    margin-right: 5px !Important;
}

.fix-predmeti-dodjeljeni
{
    display: block;
    padding: 5px 12px;
    background-color: whiteSmoke;
    margin-bottom: 2px;
}

    .fix-predmeti-dodjeljeni:hover
    {
        text-decoration: none;
        background-color: #3b6c8e;
        color: white;
    }

.fix-label-skGodine
{
    background-color: rgb(93, 150, 202);
    padding: 5px 10px;
    color: white;
    font-weight: 700;
    margin-bottom: 3px;
}

.fix-btn-delete
{
    color: white !Important;
}

.fix-anti-spam
{
    background-color: white;
    display: block;
    margin-bottom: 8px;
    padding: 10px;
    font-size: 17px;
    font-weight: 700;
    font-family: Verdana;
    color: rgb(119, 117, 117);
    cursor: default;
}

#textCanvas
{
    display: none;
}

.fix-how-reset
{
    background-color: white;
    padding: 5px;
    text-align: left;
    margin-bottom: 10px;
}

    .fix-how-reset > label
    {
        color: rgb(95, 90, 90);
        font-size: 15px;
        margin-right: 17px;
        margin-top: 4px;
        margin-left: 44px;
    }

.fix-link-detaljno
{
    position: absolute;
    color: white !Important;
    margin: 9px -86px;
    cursor: pointer;
}

    .fix-link-detaljno:hover
    {
        color: silver !Important;
    }

.radio input[type="radio"], .checkbox input[type="checkbox"]
{
    margin: 4px !Important;
}

.szan-w5
{
    float: left;
    width: 44%;
}

.listFull
{
    height: 550px !Important;
}
.searchbar input
{
    background:none;
}
.searchbar .btn
{
    height:38px;
}
.lable-important {
    color: white !important;
}
.label-danger {
    background-color: rgb(185, 35, 35);
}

.field-validation-error {
     color: red;
}

a.btn-danger {
    color: white !important;
}