/*@font-face {
  font-family: 'Proxima';
  src: url('../fonts/ProximaNova-Bold.otf') format('opentype');
}*/
@font-face {
    font-family: 'Proxima';
    src: url('../fonts/ProximaNovaAltRegular.ttf') format('truetype');
}
html {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

* {
    font-family: 'Proxima';
    font-weight: normal;
}

.page-content {
    margin: 0 !important;
    margin-top: 0 !important;
    padding-top: 20px;
}

body {
    padding-top: 50px;
    /*padding-bottom: 40px;*/
    height: 100%;
    font-family: 'Open Sans';
}

.wrapper {
    min-height: 100%;
    position: relative !important;
}

#main-nav {
    background-color: white;
    margin-top: 10px;
}

/* your custom styles here */
.navbar-brand > img {
    width: auto;
}

.copyright {
    background-color: #2F4D66;
}

#komuna-logo {
    margin-top: 12px;
    cursor: pointer;
    margin-left: 14px;
    margin-right: 20px;
}


footer {
    background: #2F4D66 !important;
    position: absolute !important;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border-top:2px solid #F58757;
}

#voted {
    min-width: 100%;
    height: 82px;
    border-radius: 4px;
    background-color: #F58757;
    font-size: 25px;
    color: white;
    margin-top: 5px;
}

#voted-desable {
    min-width: 100%;
    height: 82px;
    border-radius: 4px;
    background-color: #b7b7b7;
    font-size: 16px;
    color: white;
    margin-top: 5px;
}

#voted:hover {
    opacity: 0.8;
}

.ndaj_rreshtat {
    width: 100%;
    border-bottom: 1px solid rgba(0,0, 0, 0.2);
}

#table_info_reg > tbody > tr {
    height: 35px;
}

.dataRegistration {
    background-color: #f3f3f3;
    border-radius: 4px !important;
    width: 180px;
    padding-left: 10px;
}

.registrationInfo {
    padding-right: 30px;
    width: 180px;
}

.ndaj {
    height: 6px !important;
}

@media only screen and (max-width: 990px) {
    .logIn_button {
        margin-top: -45px !important;
    }

    #new_user {
        margin-top: 0px !important;
    }

    #enter_password {
        margin-top: 15px !important;
    }
}
@media screen and (min-width:480px) and (max-width:767px){
    #table_info_reg{
        margin-left:auto !important;
        margin-right:auto !important;
    }
    #details-title{
        text-align:center !important;
    }
    .info-status{
        text-align:center !important;
    }
}
@media only screan and (max-width: 768px) {
    #reg_form_details {
        margin-left: 60px !important;
    }

    #reg_details {
        margin-left: 60px !important;
    }
}
/*#new_user{
    margin-left:74.8%;

}*/
#new_user:hover {
    text-decoration: underline;
}

@media only screen and (max-width: 480px) {
    .edit-btn-reg{
        margin-right: -55px !important;
        margin-top: 28px !important;
    }
    
    .home-map{
        height:300px !important;
    }
    #search {
        margin-left: auto;
        margin-right: auto;
        width: 95%;
    }

    #new_user {
        margin-left: 47% !important;
    }

    #regForm {
        margin-bottom: 40px !important;
    }

    #loginForm {
        margin-bottom: 35px !important;
    }

    #socialLoginForm {
        margin-bottom: 20px !important;
    }

    #titulli_reg {
        width: 137px !important;
    }
}

@media only screen and (max-width:500px) {
    #view_regg > p {
        width: 136px !important;
    }
}

@media only screen and (max-width: 768px) {
    #reg-table > thead > tr > th:nth-child(3) {
        display: none;
    }

    #reg-table > thead > tr > th:nth-child(4) {
        display: none;
    } 

    #reg-table > thead > tr > th:nth-child(5) {
        display: none;
    }

    #reg-table > thead > tr > th:nth-child(6) {
        display: none;
    }

    #reg-table > tbody > .true-row > td:nth-child(3) {
        display: none;
    }

    #reg-table > tbody > .true-row > td:nth-child(4) {
        display: none;
    }

    #reg-table > tbody > .true-row > td:nth-child(5) {
        display: none;
    }

    #reg-table > tbody > .true-row > td:nth-child(6) {
        display: none;
    }
    #reg-table > tbody > .true-row > td:nth-child(1)  > img{
        height: 22px !important;
    }
}

@media only screen and (max-width: 991px) {
    #forgotPass{
        margin-top:-14px !important;
    }

    #status_list {
        padding-right: 15px !important;
    }

    #postedby_list {
        padding-right: 15px !important;
        padding-left: 0px !important;
    }
}

@media (max-width:745px) and (min-width:991px) {
    #voted {
        width: 52.5% !important;
    }
}

#ndaj_rreshtat {
    height: 11px;
}

    #ndaj_rreshtat:first-child {
        display: none;
    }

.table > thead > tr > th {
    border: none !important;
}
#reg-table > tbody > .true-row > td:nth-child(7) {
        text-align: center;
    }
#reg-table > tbody > .true-row > td:nth-child(8) {
        text-align: center;
    }
.true-row {
    cursor: pointer !important;
    border-bottom: 1px solid rgba(65, 136, 155, 0.18) !important;
    border-right: 1px solid rgba(65, 136, 155, 0.18) !important;
    border-left: 1px solid rgba(65, 136, 155, 0.18) !important;
    box-shadow: -3px 5px 5px #e0e0e0;
    -webkit-box-shadow: -3px 5px 5px #e0e0e0;
    0px px 10px #e0e0e0;
    -moz-box-shadow: -3px 5px 5px #e0e0e0;
    0px px 10px #e0e0e0;
}

    .true-row:hover {
        -webkit-box-shadow: -4px 8px 12px #d6d6d6;
    }
    /*.true-row > td{
    padding-top:12px !important;
}*/
    .true-row > td:first-child {
        padding-top: 15px !important;
    }

    .true-row > td:last-child {
        padding-top: 8px !important;
    }

.table > tbody > .true-row > td {
    border-top: 1px solid rgba(65, 136, 155, 0.18) !important;
}

.table > tbody > .true-row:first-child > td {
    border-top: 1px solid rgba(65, 136, 155, 0.08) !important;
}
/*.true-row > td {
    box-shadow: 0 0px 4px -3px rgba(0,0, 0, 0.2) inset, 0 -4px 4px -3px rgba(0,0, 0, 0.2) inset;
    padding-top:12px !important;
}
.true-row > td:first-child {
    box-shadow: 4px 0px 4px -3px rgba(0,0, 0, 0.2) inset, 4px -4px 4px -3px rgba(0,0, 0, 0.2) inset;
}
.true-row > td:last-child {
   box-shadow:0px 4px -3px rgba(0,0, 0, 0.2) inset,-4px 4px -3px rgba(0,0, 0, 0.2) inset;
   padding-top:8px !important;
}*/

#search-button {
    background-color: #F58757;
    border-color: #F58757 !important;
    max-width: 86px;
    min-width: 86px;
}

    #search-button:hover {
        background-color: #f59f79;
        border-color: #f59f79 !important;
    }

#view_more {
    background-color: #ff7b7b;
    border-color: #ff7b7b;
    float: right;
    width: 47px;
    height: 29px;
    padding: 0px 6px !important;
}

    #view_more:hover {
        opacity: 0.8;
    }

#load-more {
    background-color: #0B95BA;
    border-color: #0B95BA;
    color: #0b95ba;
    padding-right: 30px;
    padding-left: 30px;
}

    #load-more:hover {
        opacity: 0.8;
    }

/*registration view*/
#photo-container {
    margin-top: 10px;
    float: left;
}

#reg-photo {
    width: 100%;
    height: auto;
}

#img-box {
    border-radius: 4px;
    height: 113px;
    width: 113px;
    margin: 10px;
}

#photo-container #img-box #video-galery {
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    max-width: 682px;
    margin-top: -8px;
}

#vid-container {
    width: 100%;
    height: auto;
    float: left;
}

#doc-con {
    width: auto;
    height: auto;
    float: left;
    border: 1px solid #dbdbdb;
    margin-top: 50px;
    border-radius: 4px;
}

    #doc-con > p {
        margin-top: -25px;
        height: 10px;
        font-family: 'Futuraa';
    }

#documents-container {
    float: left;
    height: 50px;
    width: 199px;
    border: 1px solid #dbdbdb;
    margin-right: 8px;
    /*margin:10px;*/
}

    #documents-container img {
        float: left;
        height: 45px;
        margin-top: 2px;
        margin-left: 10px;
    }

    #documents-container #document-text {
        float: left;
        height: 50px;
        width: 107px;
        margin-left: 10px;
        overflow: hidden;
    }

        #documents-container #document-text a {
            font-family: 'Futuraa';
            color: black;
            font-size: 12px;
            letter-spacing: 1px;
            text-align: center;
            margin-top: 17px;
            text-decoration: none;
            position: relative;
            top: 5px;
        }

.navbar-default {
    border-bottom: 1px solid #0b95ba;
    box-shadow: 1px 3px 5px #a9a9a9;
}

    .navbar-default .navbar-nav > li > a:before {
        text-decoration: underline;
        color: #0B95BA;
    }

.navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus {
    background-color: #F58757;
}

.navbar-nav .dropdown-menu {
    border-top: 2px solid #F58757;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #F58757;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #F58757;
}

.navbar-toggle {
    background-color: #0b95ba;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #0b95ba;
}

.navbar > .container .navbar-brand {
    margin-left: -10px;
}

#addNewRegister {
    background-color: #0B95BA;
    border-color: #0B95BA;
    /*box-shadow: 0 4px 2px -2px #2F4D66;*/
}

    #addNewRegister:hover {
        opacity: 0.8;
    }

#view_regg {
    text-decoration: none;
    font-weight: bold;
    color: #7b7b7b;
}

    #view_regg > p {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 300px;
        white-space: nowrap;
    }

/*Registration History*/
#status_change {
    height: auto;
}

#postedby_user {
    font-family: 'Open Sans';
    display: inline-block;
    font-weight: bold;
    color: #a5a5a5;
    font-size: 12px !important;
}

#postedOnDate {
    font-family: 'Open Sans';
    display: inline-block;
}

#user_name {
    font-family: 'Open Sans';
    font-weight: bold;
    color: #a5a5a5;
    font-size: 12px !important;
}

#user_details {
    font-family: 'Open Sans';
    font-weight: bold;
    color: #7b7b7b;
}

#vize {
    width: 50px;
    border-bottom: 1.5px solid #c5c5c5;
    margin-top: -5px;
    margin-bottom: 8px;
}

#btnRegistration:hover {
    opacity: 0.8;
}
/*.btn-success{
    background-color:#567ead;
    border-color:#567ead;
}*/
.btn-success:hover {
    opacity: 0.8;
    /*background-color:#567ead;
    border-color:#567ead;*/
}

.btn-primary {
    background-color: #0B95BA;
    border-color: #0B95BA;
}

    .btn-primary:hover {
        opacity: 0.8;
        background-color: #0B95BA;
        border-color: #0B95BA;
    }
     .btn-primary:active{
        background-color:#0b95ba !important;
        border-color:#0b95ba !important;
    }
    .btn-primary:focus{
        background-color:#0b95ba !important;
        border-color:#0b95ba !important;
    }

.btn-danger:hover {
    opacity: 0.8;
}

ul.sidebar-nav li.has-submenu.active > a, ul.sidebar-nav li.has-submenu.active li.active > a {
    color: #2f4d66 !important;
}

ul.sidebar-nav li.has-submenu > a:hover {
    color: #2f4d66 !important;
}

ul.sidebar-nav ul.submenu li > a:hover {
    color: #2f4d66 !important;
}

/*Registration View */

.registration-view-details {
    background-color: white !important;
}

#edit-button-registration {
    float: right;
    height: 27px;
    padding: 3px 12px !important;
    margin-top: -3px;
}

#Count-Comments {
    font-size: 14px;
    color: #777;
    font-family: 'Open Sans';
    font-weight: 600;
}

#vize-komentet {
    width: 85px;
    border-bottom: 2px solid #0B95BA;
    margin-top: 10px;
}

#nenvize {
    width: 100%;
    border-bottom: 1px solid #ddd;
}

#login-to-comment {
    float: right;
    margin-top: -16px;
    font-size: 14px;
}

#login-comment {
    color: #777;
    font-weight: bold;
}

    #login-comment:hover {
        color: #F58757 !important;
    }

.btn-file {
    background-color: #0b95ba !important;
}

#label_populationnumber {
    width: 100%;
    padding-left: 15px;
    padding-top: 3px;
}

#pop-nr {
    width: 90px;
    background-color: #bfbfbf;
    border-radius: 5px;
}


#notification-count {
    position: absolute;
    top: 7px;
    left: 30px;
    font-size: 9px;
    color: white;
    width: 10px;
    text-align: center;
}

@media only screen and (max-width: 992px) {
    #notification-count {
        top: -1px;
        left: 32px;
    }

    .navbar-right {
        float: left !important;
        margin-bottom: 10px !important;
    }
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer !important;
}

#titulli_reg {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 300px;
    white-space: nowrap;
    margin-bottom:0px;
}

.makebold:hover {
    font-weight: bold;
}

#uploadDoc {
    cursor: pointer;
    /*-webkit-filter: grayscale(100%);*/
    margin-left: 10px;
}

/*Upload photos, videos and documents design*/
div.media-wrapper {
    position: relative;
    float: left;
    margin: 5px;
}
div.media-wrapper:hover img {
        opacity: 0.7;
    }
div.media-wrapper:hover input {
        display: block;
}
div.media-wrapper input {
        position: absolute;
        display: none;
}
div.media-wrapper input.update {
            top: 0;
            left: 0;
}
div.media-wrapper input.delete {
            top: 0;
            left: 74%;
            color: #b22222;
            font-family: Arial Black;
            background-color: transparent;
            border: solid 1px;
            border-color: grey;
}
#video-container {
    position: relative;
    float: left;
    margin: 5px;
}
#video-container:hover{
        opacity: 0.5;
}

#video-container:hover input {
        display: block;
}
#video-container input {
        position: absolute;
        display: none;
    }
#video-container input.update {
            top: 0;
            left: 0;
        }
#video-container input.delete {
            top: 0;
            left: 86%;
            color: #b22222;
            background-color: transparent;
            font-family: Arial Black;
            border: solid 1px;
            border-color: grey;
        }
#documents-container {
    position: relative;
    float: left;
    margin: 5px;
    margin-top: 11px;
}
#documents-container:hover #document-text {
        opacity: 0.5;
    }
#documents-container:hover img {
        opacity: 0.5;
    }
#documents-container:hover input {
        display: block;
    }
#documents-container input {
        position: absolute;
        display: none;
    }
#documents-container input.update {
            top: 0;
            left: 0;
        }
#documents-container input.delete {
            top: 0;
            left: 86%;
            color: #b22222;
            background-color: transparent;
            font-family: Arial Black;
            border: solid 1px;
            border-color: grey;
}
 
/*End here*/
.navbar-default .dropdown-menu .active > a, .navbar-default .dropdown-menu .active a:hover, .navbar-default .dropdown-menu .active a:focus{
    background-color:#F58757 !important;
    color:#fff !important;
}

#details-title{
    color:#656565;
    font-size:16px;
    font-family:'Open Sans';
    font-weight: 600;
}
 #social-share > a{
        padding:7px;
        float:right;
    }
    #social-share{
        float:right;
        padding-right:0px;
    }
    #goo-icon{
        padding-right:0px !important;
    }

    .info-status{
        color:#ea8c3b;
    }

    .head-row th {
        color: #606060;
        font-weight: bold;
    }

    #reg-table tbody td {
        color: #7c7c7c;
    }

@media screen and (max-width:350px) {
    .head-row > th{
        font-size:11px !important;

    }
    .head-row > th:last-child{
        padding-right:3px !important;

    }
}


#titulli-regjistrimit-login{
    display:inline;
    font-size:20px;
    color:#656565;
    word-break:break-word; 
    max-width:577px !important; 
    float: left;
    font-family:'Proxima';
    font-weight:600;
}
#titulli-regjistrimit-logout{
    display:inline;
    font-size:20px !important;
    color:#656565; 
    word-break:break-word;
    float: left;
    font-family:'Proxima';
    font-weight:600;
    max-width:700px !important;
}
.required:before{
    content: "* ";
    font-weight: bold;
    color: #7b7b7b; 
}
@media screen and (min-width:768px){
    #titulli-regjistrimit-login{
        width:577px;
    }
    #titulli-regjistrimit-logout{
        width:700px;
    }
}

@media only screen and (min-width:992px) and (max-width:1200px){
.navbar-fixed-top .navbar-nav{
 margin-right:-25px;
}
}
 @media screen and (max-width:360px){
        .info-1 {
            width:280px !important;
        }
        #info-7{
            width:280px !important;
            height:60px !important;
        }
        #ndaj-infot{
            width:280px !important;
        }
    }
/*.hide{
    display:none;
}*/