/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Jul 20, 2017, 3:20:21 PM
    Author     : atanasij.josifoski
*/

.noPaddingPanel> .ui-panel-content{
    padding:0!important;
    border-radius: 0!important;

}
.noPaddingPanel{
    border:0;
}
.noPaddingPanel > .ui-panel-titlebar{
    border-radius: 0!important;
}

.sreden >.ui-paginator.ui-paginator-bottom{
    margin-top:60px;
}

.eightyWidth{
    width: 99px !important;
}
.wordBreak{
    word-break: break-all;
    word-wrap: break-word;
}

/*.nenadStyle{
    display: none!important;
}*/


.komentar{

    width: 70%;
}

.tablecss{
    overflow-x: scroll;
}

.tlayout{
    table-layout: auto;

}
.loginBody{
    width: 100%!important;
    max-width: 1200px!important;
    margin-left: auto!important;
    margin-right: auto!important;
    background-image: url("/misnqf/javax.faces.resource/images/background-red.jpg.xhtml");
    background-size: cover;
}


.login-box{
    float: left;
    width:100%!important;
    /*margin-left: 33px;*/
    margin-top: 0px;
}

.redLine{
    background-color: #D50018;
    height: 50px;
    border-radius: 5px; 
    margin-top: 2px;
    width: 100%;
}

.header{
    border: none;
    height: auto!important;
    /*height: 250px!important;*/
}

.header > .ui-layout-unit-content{
    height: 157px !important;
    overflow: hidden;
    /*margin-bottom: 50px;*/
}
.bodylogin{
    border:none!important;
    width: fit-content !important;
    min-width: 480px !important;
    box-shadow: rgba(0, 0, 0, 0.7) 0px 22px 70px 4px;
    margin-top: 30px !important;
}

.login-box table{
    width: 100%!important;
}
/*
.forgotPasswordGrid tr{
    border:none!important;
}

.forgotPasswordGrid td{
     border:none!important;
}*/

.first{
    float:left!important;
}


.first{
    float:right!important;
}

.bla{
    border-right: none!important;

}

.bla1{
    border-left: none!important;

}

.loginform{
    margin-top: -56px;
}


.bla a{
    /*color:#337ab7!important;*/
    text-decoration: underline!important;
}

.bla1 a{
    /*color:#337ab7!important;*/
    text-decoration: underline!important;
}

#loginLayout {
    height: fit-content !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border: 1px solid grey !important;
    border-radius: 10px;
    padding: 15px;
}

#loginLayout button {
    background-color: #0041AD !important;
    color: white;
}

#loginLayout *{
    border-color: #d6d6d6!important;
}

#loginLayout > .ui-layout-unit-content{
    /*background: black!important;*/
    /*margin-top:40px;*/
    min-height: 330px;
    /*width:35%!important;*/
}


.img{
    width: 60%;
    height: auto;
}


.login-box-fp{
    width:45%!important;
    margin-left: 33px;
}


.forgotPasswordGrid{
    width: 500px;

}

.form-group{
    margin: 10px 0px;
}


/*.skin-blue > .ui-fieldset-legend{
    background: #3c8dbc!important;
    color: white!important;
background: black!important;
}

.skin-blue * .ui-selectonebutton .ui-button.ui-state-active,
.skin-blue * .ui-paginator-page.ui-state-default.ui-state-active,
.skin-blue .skinnedButton,
.skin-blue-light * .ui-selectonebutton .ui-button.ui-state-active,
.skin-blue-light * .ui-paginator-page.ui-state-default.ui-state-active,
.skin-blue-light .skinnedButton{
    background: #3c8dbc!important;
    border-color: #3c8dbc!important;
    color: white!important;
background: black!important;
}

.skin-blue .styledTabView > .ui-tabs-nav > .ui-state-active,
.skin-blue-light .styledTabView > .ui-tabs-nav > .ui-state-active{
    border-top :3px solid #3c8dbc !important;
background: black!important;
}
*/
/*.login-box-fp{
    width: 70%!important;
}*/


.greenL * i {
    color: #65B25E;
}

.blueL * i {
    color: #0041AD;
}

.orangeL * i{
    color: #F46100;
}

.orangeL > a:hover{
    color:grey;
}

.sidebar{
    background-color: #e9e9e9;
    /*color:white;*/
}

.main-sidebar{
    background-color: #e9e9e9;
    /*color:white;*/
}

.sidebar *{
    color:black;
}

.sidebar * span:hover{
    color:grey;
}
.sidebar * .header{
    color:white!important;
}
#content{
    background-color: white;
}

.main-header{
    background-color: #D50018!important;
}

/*#rightL *{
    color:white;
}*/

.main-header * span,i{
    color:white;
}

.sidebar-toggle{
    color:white;
}
.dropdown-menu * p {
    color:black!important;
}
.mm * li{
    color:black!important;
}

/*.pull-right > i{
   color:#D50018;
}
*/

.textInManyLines{

    white-space:normal;
    display: flex;
}

body .ui-tabs.ui-tabs-top .ui-tabs-nav.ui-widget-header li.ui-state-active {
    border-top: 3px solid #D50018!important;
}


body .ui-paginator .ui-paginator-page.ui-state-active {
    background-color:#e9e9e9!important;
    color: #444!important;
    border-color: #575151!important;
}

body * .btn:focus {
    /*outline:0;*/
    outline-color:white!important;
}
body * .btn:active {
    /*outline:0;*/
    outline-color: white!important;

}

.nav>li>a:hover, .nav>li>a:active, .nav>li>a:focus {
    color: #444;
    background:  #DD3446!important;


}
.dropdown-menu>li>a:hover {
    background-color: #DD3446!important;
    color: #333;
}


/*body .ui-paginator .ui-paginator-page.ui-state-active {
    background: #3c8dbc;
    color: #fff !important;
    border-color: #3c8dbc;
}*/
.ui-state-highlight{
    background-color: red!important;
    background-image: linear-gradient(to bottom, #D50018 , #DD3446)!important;
}
.logo{
    font-size: 33px!important;
}


.main-sidebar, .left-side{
    width: 245px!important;
}

.sidebar-collapse .main-sidebar, .sidebar-collapse .left-side{
    transform: translate(-245px, 0)!important;
}
.main-header .logo{
        width: 245px!important;

}

.content-wrapper{
    padding-left:20px!important;
}
.main-footer{
    padding-left: 20px!important;
}

/*.ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus{
   border-color: grey!important;
   box-shadow: 0 0 5px grey!important;
}*/

.ui-state-focus{
   box-shadow: 0 0 5px grey!important;
   border-color: grey!important;

}

.ui-fileupload-buttonbar .ui-fileupload-choose{
 background-color: #0041AD!important;
}

.ui-fileupload-choose:hover {
 background-color: #004cc7!important;
}

.ui-fileupload-upload {
 background-color: #65B25E !important;
     /*width: 55px!important;*/
}

.ui-fileupload-upload:hover{
    background-color: #85c280!important;
 
}

.ui-fileupload-buttonbar .ui-fileupload-cancel {
 background-color: #D50018!important;
  /*width: 47px!important;*/
}

.ui-fileupload-cancel:hover{
     background-color: #DD3446!important;

}

/*.btn-default2{
   background-color: #c8c5c5!important;
    border-color: #8b8181!important;
}*/


body *{
    border-color: #908989!important;
    /*color:black!important;*/
}



.ui-inputfield{
   
}
.buttonStyling >.ui-fileupload-buttonbar >.ui-button{
    height:3rem;
}
.buttonStyling >.ui-fileupload-buttonbar{
    border: 0;
    background: white;
    display: flex;
    justify-content: center;
}
.buttonStyling >.ui-fileupload-content{
    padding-bottom: 0px;
    border: 0;
}
.buttonStyling >.ui-fileupload-content > .ui-fileupload-files > div > .ui-fileupload-row >div:nth-child(n+1):nth-child(-n+3){
    display: none;
}
.buttonStyling >.ui-fileupload-content > .ui-fileupload-files > div > .ui-fileupload-row >.ui-fileupload-progress {
    width:100px;
}
.buttonStyling >.ui-fileupload-content > .ui-fileupload-files > div > .ui-fileupload-row >.ui-fileupload-progress>.ui-progressbar {
    width:100px;
}
.buttonStyling >.ui-fileupload-content > .ui-fileupload-files {
    margin:0px;
    padding: 0px;
}
.buttonStyling >.ui-fileupload-content > .ui-fileupload-files > div > .ui-fileupload-row >div{
    margin:0px;
    padding: 0px;
}
.buttonStyling{
    width: 150px;
}
.ui-button-download:hover{
    background-color: #fff !important;
}


/*.btn{
    color:black!important;
}*/
@media (max-width: 640px) {
/*       .ui-fileupload-files td{
             display: inline-block;
       }*/
       .ui-fileupload-buttonbar .ui-widget-header{
           display: grid;
       }
                
/*       .ui-fileupload-buttonbar .ui-button{
            padding: 19px 30px 19px 30px !important
       }
                
       .ui-fileupload-buttonbar .ui-button .ui-button-text {
            display: none;
       }
                
      .ui-fileupload-buttonbar .ui-button .ui-icon{
           margin-left: 15px !important;
       }*/
}