/*Password change holder*/
@import url('Site.css');
@import url('Site.css');
#MainContent_divChangePasswordHolder .validation-summary-errors, #MainContent_divChangePasswordHolder .field-validation-error {
    color: red;
}

/*
::-webkit-input-placeholder {
  font-size: smaller;
}
:-ms-input-placeholder {
  font-size: smaller;
}
:-moz-placeholder {
  font-size: smaller;
}
::-moz-placeholder {
  font-size: smaller;
}
*/

/*Allow text are to resize only vertically*/
textarea { resize: vertical; }

/*extra small (≥768px) small (≥992px) 	medium (≥1200) large */


.grey-background{
    background-color:#eee !important;
}

/**Ukoliko se kontrole zalijepe vertikalno jedna na drugu kada form-group kolapsira dodaj ove klase da bi se razdvojile kontrole*/
@media (max-width: 768px) {
    .xs-add-bott-margin {
        margin-bottom:15px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .sm-add-bott-margin {
        margin-bottom:15px;
    }
}
@media (min-width: 991px) and (max-width: 1200px) {
    .md-add-bott-margin {
        margin-bottom:15px;
    }
}

.fol-chooser-table-div {
    max-height:280px;
    overflow-y:auto;
}

/*Dental Chart*/
.fol-dental-chart input[type="checkbox"], .fol-dental-chart input[type="radio"] {
    margin-left: 4px;
    margin-right:4px
}
.fol-dental-chart td.tdcenter{
    width:17px;
}

.fol-dental-chart tr.restoration-details>td{
    height:30px;
}

.fol-dental-chart span.translucency-result, .fol-dental-chart span.calcification-result, .fol-dental-chart span.status {
    background-color: #eee;
}


.fol-dental-chart button.sent-to-analysis, .fol-dental-chart button.open-sample, .fol-dental-chart button.fol-button-del{
    margin-top:3px;
    margin-bottom:3px;
}

.fol-dental-chart table.tooth {
    border-collapse: separate !important;
}

.fol-dental-chart td.td-tooth {
    border: solid grey 1px;
    border-radius: 4px;
    margin-left: 4px;
}

.fol-dental-chart tr.mandible {
    border-top: solid 2px #00488c;
}
.fol-dental-chart td.td-tooth-wrap-21, .fol-dental-chart td.td-tooth-wrap-31 {
    border-left: solid 2px #00488c;
}

.fol-dental-chart td.tooth-label span.label{
    font-size:90%;
}
/*End of Dental Chart*/
.fol-missingperson-chooser > div > .fol-missing-person-chooser-icmpid,
.fol-project-chooser > .fol-project-value,
.fol-relative-chooser > div > .fol-relative-chooser-icmpid {
    border-bottom-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
}

.fol-hidden {
    display:none;
}


/*FOL TAGS*/
.fol-tags-input {
    background-color: #ffffff;
    border: 1px solid #cccccc !important;
    border-radius: 4px !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s !important;
}
.fol-tag-label {
    font-size:100% !important;
    /*padding:4px !important;*/
    float:left !important;
    margin:3px !important;
}


ul.fol-tags-suggestion-list {
    height: auto;
    list-style: outside none none;
    margin: 0;
    max-height: 160px;
    overflow-y: scroll;
    width: 300px;
    z-index: 2;
}
ul.fol-tags-dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    
    float: left;
    font-size: 14px;
    /*left: 0;*/
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    /*top: 100%;*/
    z-index: 1000;
}

li.fol-tags-suggestion {
    height: auto;
    padding: 3px 20px;
}
li.fol-tags-suggestion-highlighted {
    background-color: #0081c2;
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    color: white;
    text-decoration: none;
}


.fol-tag-remove {
    cursor: pointer;
    cursor: hand;
    padding-left:5px;
    
}

/*END OF FOL TAGS*/



.loader {
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 175px;
    height: 100px;
}

    .loader span {
        background: #ccc;
        width: 7px;
        height: 10%;
        border-radius: 14px;
        margin-right: 5px;
        float: left;
        margin-top: 25%;
    }

        .loader span:last-child {
            margin-right: 0px;
        }

        .loader span:nth-child(1) {
            animation: load 2.5s 1.4s infinite linear;
        }

        .loader span:nth-child(2) {
            animation: load 2.5s 1.2s infinite linear;
        }

        .loader span:nth-child(3) {
            animation: load 2.5s 1s infinite linear;
        }

        .loader span:nth-child(4) {
            animation: load 2.5s 0.8s infinite linear;
        }

        .loader span:nth-child(5) {
            animation: load 2.5s 0.6s infinite linear;
        }

        .loader span:nth-child(6) {
            animation: load 2.5s 0.4s infinite linear;
        }

        .loader span:nth-child(7) {
            animation: load 2.5s 0.2s infinite linear;
        }

        .loader span:nth-child(8) {
            animation: load 2.5s 0s infinite linear;
        }

        .loader span:nth-child(9) {
            animation: load 2.5s 0.2s infinite linear;
        }

        .loader span:nth-child(10) {
            animation: load 2.5s 0.4s infinite linear;
        }

        .loader span:nth-child(11) {
            animation: load 2.5s 0.6s infinite linear;
        }

        .loader span:nth-child(12) {
            animation: load 2.5s 0.8s infinite linear;
        }

        .loader span:nth-child(13) {
            animation: load 2.5s 1s infinite linear;
        }

        .loader span:nth-child(14) {
            animation: load 2.5s 1.2s infinite linear;
        }

        .loader span:nth-child(15) {
            animation: load 2.5s 1.4s infinite linear;
        }

@keyframes load {
    0% {
        background: #ccc;
        margin-top: 25%;
        height: 10%;
    }

    50% {
        background: #444;
        height: 100%;
        margin-top: 0%;
    }

    100% {
        background: #ccc;
        height: 10%;
        margin-top: 25%;
    }
}



tr.spaceUnder > td {
  padding-bottom: 1em !important;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
}

body > form > .container {
    padding: 60px 15px 70px;
}

.container .text-muted {
    margin: 20px 0;
}

form > #footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}

/*
    sliding menu
    http://tympanus.net/Blueprints/SlidePushMenus/
*/
.cbp-spmenu {
    position: fixed;
}
.cbp1-spmenu {
    position: relative;
}

.cbp-spmenu-shadow {
    -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
    width: 260px;
    height: 100%;
    top: 60px; /*same as container's top padding*/
    z-index: 1000;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
    left: -260px;
}
.cbp1-spmenu-right {
    right:2px;
}

.cbp-spmenu-left.cbp-spmenu-open {
    left: 10px;
}

/* Transitions */
.cbp-spmenu {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width: 768px) and (max-width: 991px) {
    .cbp-spmenu-vertical {
        top: 100px; /*same as container's top padding*/
    }
}
@media (max-width: 991px) {
    .fol-responsive-on-medium
        {
            overflow-x: auto;
        }
}

.btn-open-spmenu-active {
    background: #fff;
}

button.btn-open-spmenu {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    margin-bottom: 5px;
    margin-right: 17px;
    margin-top: 10px;
    padding: 9px 0px;
}

.btn-open-spmenu .icon-bar {
    background-color: white;
    border-radius: 1px;
    display: block;
    height: 2px;
    width: 20px;
    margin-bottom: 3px;
}

/* Custom CSS stuff */



table.fol-table-colorhead thead tr th {
    background-color: #eee !important;
}

tr.highlight td {
    background-color: blue;
}

.fol-pagination {
    margin: 0px !important;
}

.fol-navbar-right-nomargin {
    margin-right: 0px !important;
}

.fol-navbar-bottom-space {
    margin-bottom: 10px !important;
}
.fol-navbar-save-btn {
    color: #fff;
    background-color: #9CADB5;
     margin-top: 8px !important;
}
.fol-tab-content-pills-nopadd {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.fol-label-90 {
    font-size: 90% !important;
}

.fol-cursor-pointer {
    cursor: pointer;
    cursor: hand;
}

.fol-cursor-wait {
    cursor:wait !important;
}

.fol-panel-no-bott-margin {
    margin-bottom: 0px !important;
    padding-bottom: 10px !important;
}

.fol-panel-no-right-margin {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.fol-margin-left-15px {
    margin-left: 15px !important;
}
.fol-margin-right-15px {
    margin-right: 15px !important;
}
.fol-margin-left-5px {
    margin-left: 15px !important;
}
.fol-margin-right-5px {
    margin-right: 15px !important;
}

.fol-margin-top-2px {
    margin-top: 2px !important;
}


.fol-form-group-no-bott-margin {
    margin-bottom: 0px !important;
}

.fol-form-group-1px-bott-margin {
    margin-bottom: 1px !important;
}

.fol-form-group-5px-bott-margin {
    margin-bottom: 5px !important;
}

.fol-form-group-5px-top-margin {
    margin-top: 5px !important;
}

.fol-padding-left-5px {
    padding-left: 5px !important;
}
.fol-padding-top-5px {
    padding-top: 5px !important;
}
.fol-padding-bottom-5px {
    padding-bottom: 5px !important;
}

.fol-padding-top-2px {
    padding-top: 2px !important;
}

.fol-padding-bottom-2px {
    padding-bottom: 2px !important;
}

.fol-padding-right-5px {
    padding-right: 5px !important;
}

.fol-padding-left-1px {
    padding-left: 1px !important;
}

.fol-padding-right-1px {
    padding-right: 1px !important;
}
.fol-padding-2px {
    padding:2px;
}

.fol-slim-hr {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}

.person-picture-thumb {
    cursor: pointer;
}

.fol-inline-in-form-group {
    margin-top: 6px;
}

.fol-navbar-shadow {
    -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}

.fol-project-value, .fol-location-value {
    white-space: nowrap;
}

.fol-chooser-default-text-color {
    color: #999999 !important;
}

.fol-collapsable-panel-heading a:hover, .fol-collapsable-panel-heading a, .fol-collapsable-panel-heading a:visited {
    text-decoration: none;
    color: #333333;
}

.fol-collapsable-panel-heading a:after {
        font-family: 'Glyphicons Halflings';
        content: "\e113";
    float: right;
    color: grey;
}

.fol-collapsable-panel-heading a.collapsed:after {
        content: "\e114";
}



.fol-control-label-left {
   text-align: left !important; 
}


.fol-header-line-text {
    border-top: 1px dotted #CCCCCC;
    margin-top: 12px;
}

.fol-header-line-text span {
        background-color: white;
        display: table;
        margin-top: -12px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: auto;
        padding-left: 10px;
        padding-right: 10px;
}

/*Pozicioniranje kontrola u drop down meniju*/
ul.dropdown-menu-form {
    margin-top:0px;
    padding: 5px 10px 5px;
    max-height: 300px;
}

.main_container {
    /*width: 960px;
    margin: 0 auto;
    height: 100%;*/
    padding-top: 70px;
}

.intro_container {
    margin: 0 auto;
    float: left;
    width: 60%;
    height: 500px;
}

.login_container {
    width: 350px;
    float: right;    
}

.login_title_box {
    background: silver;
    width: 100%;
    height: 30px;
    padding-top: 5px;
    margin-bottom: 20px;
}

.login_title_box .login_title_head {
        font-family: Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #555;
        margin-left: 18px;
}

.fol-intro-jumbotron {    
    color: #FFFFFF !important;
    background-image: url('../Images/jumbotron.png');
    background-repeat: repeat-x;
}

.color-bar {
    height: 5px;
}
    
    .color-bar.color-1 {
        background-color: #FFCC00;
    }

    .color-bar.color-2 {
    background-color: #0066FF;
    }

    .color-bar.color-3 {
    background-color: #009933;
}

    .color-bar.color-4 {
    background-color: #FF3300;
}

.feat-text-font {
    color: #808080;
}

.fol-select-for-search-with-any {
    color: #999999 !important;
}

.fol-select-for-search-with-any option {
    color: black !important;
}

.fol-unselectable {
    /* http://stackoverflow.com/questions/2326004/prevent-selection-in-html */
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}


.fixed {
    position: fixed;
}

/* sidebar */
.bs-docs-sidebar {
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* all links */
.bs-docs-sidebar .nav>li>a {
    color: #999;
    border-left: 2px solid transparent;
    padding: 4px 20px;
    font-size: 13px;
    font-weight: 400;
}

/* nested links */
.bs-docs-sidebar .nav .nav>li>a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
    font-size: 12px;
}

/* active & hover links */
.bs-docs-sidebar .nav>.active>a, 
.bs-docs-sidebar .nav>li>a:hover, 
.bs-docs-sidebar .nav>li>a:focus {
    color: #563d7c;                 
    text-decoration: none;          
    background-color: transparent;  
    border-left-color: #563d7c; 
}
/* all active links */
.bs-docs-sidebar .nav>.active>a, 
.bs-docs-sidebar .nav>.active:hover>a,
.bs-docs-sidebar .nav>.active:focus>a {
    font-weight: 700;
}
/* nested active links */
.bs-docs-sidebar .nav .nav>.active>a, 
.bs-docs-sidebar .nav .nav>.active:hover>a,
.bs-docs-sidebar .nav .nav>.active:focus>a {
    font-weight: 500;
}

/* hide inactive nested list */
.bs-docs-sidebar .nav ul.nav {
    display: none;           
}
/* show active nested list */
.bs-docs-sidebar .nav>.active>ul.nav {
    display: block;           
}


/*Side Panel za PMSamples*/
.timeline {
    position: relative;
    padding: 21px 0px 10px;
    margin-top: 4px;
    margin-bottom: 30px;
}

.timeline .line {
    position: absolute;
    width: 4px;
    display: block;
    background: currentColor;
    top: 0px;
    bottom: 0px;
    margin-left: 30px;
}

.timeline .separator {
    border-top: 1px solid currentColor;
    padding: 5px;
    padding-left: 40px;
    font-style: italic;
    font-size: .9em;
    margin-left: 30px;
}

.timeline .line::before { top: -4px; }
.timeline .line::after { bottom: -4px; }
.timeline .line::before,
.timeline .line::after {
    content: '';
    position: absolute;
    left: -4px;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    background: currentColor;
}

.timeline .panel {
    position: relative;
    margin: 10px 0px 21px 70px;
    clear: both;
}

.timeline .panel::before {
    position: absolute;
    display: block;
    top: 8px;
    left: -24px;
    content: '';
    width: 0px;
    height: 0px;
    border: inherit;
    border-width: 12px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.timeline .panel .panel-heading.icon * { font-size: 20px; vertical-align: middle; line-height: 40px; }
.timeline .panel .panel-heading.icon {
    position: absolute;
    left: -59px;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0px;
    border-radius: 50%;
    text-align: center;
    float: left;
}

.timeline .panel-outline {
    /*border-color: transparent;*/
    /*background: transparent;*/
    box-shadow: none;
}

/*.timeline .panel-outline .panel-body {
    padding: 10px 0px;
}*/

.timeline .panel-outline .panel-heading:not(.icon),
.timeline .panel-outline .panel-footer {
    display: none;
}

.fol-panel-hover.panel:hover,icon:hover,
    hover {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;  
}

.fol-gray-placeholder-ie:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #999999;
}


.ui-autocomplete { z-index:9000000 !important;}  


/*image close button*/
.img-wrap {
    position: relative;
    display: block;
    
    font-size: 0;
}
.img-wrap .closeX {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 100;
    padding: 8px 8px 8px;
    cursor: pointer;
    opacity: .8;
    text-align: center;
    font-size: 22px;
    line-height: 10px;
    border-radius: 50%;
}
.img-wrap:hover .closeX {
    opacity: 1;
}
/*image close button*/

#map-canvas {

  height:480px;
}

.fixme {
    z-index:100;
}

.fol-sea-timer {
    position: absolute;
    color: white;
    width: 100%;
    left: 50%;
    margin-left: -13px;
    padding-top: 1px;
}

#fol_nav_menu > li > a > i {
    margin-right: 10px !important;
}

.dottedElips 
{
    border:dotted thin;
    margin: 0 0 15px 0;
    padding: 15px 0 0 0;
}


.fol-blink-3s {
  animation: blinker 3s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

.badge-primary{color:#fff;background-color:#007bff}
.badge-primary[href]:focus,.badge-primary[href]:hover{color:#fff;text-decoration:none;background-color:#0062cc}
.badge-secondary{color:#fff;background-color:#6c757d}
.badge-secondary[href]:focus,.badge-secondary[href]:hover{color:#fff;text-decoration:none;background-color:#545b62}
.badge-success{color:#fff;background-color:#28a745}
.badge-success[href]:focus,.badge-success[href]:hover{color:#fff;text-decoration:none;background-color:#1e7e34}
.badge-info{color:#fff;background-color:#17a2b8}.badge-info[href]:focus,
.badge-info[href]:hover{color:#fff;text-decoration:none;background-color:#117a8b}
.badge-warning{color:#212529;background-color:#ffc107}.badge-warning[href]:focus,
.badge-warning[href]:hover{color:#212529;text-decoration:none;background-color:#d39e00}
.badge-danger{color:#fff;background-color:#dc3545}
.badge-danger[href]:focus,.badge-danger[href]:hover{color:#fff;text-decoration:none;background-color:#bd2130}
.badge-light{color:#212529;background-color:#f8f9fa}.badge-light[href]:focus,
.badge-light[href]:hover{color:#212529;text-decoration:none;background-color:#dae0e5}
.badge-dark{color:#fff;background-color:#343a40}
.badge-dark[href]:focus,.badge-dark[href]:hover{color:#fff;text-decoration:none;background-color:#1d2124}