@font-face {
    font-family: "Proba Pro";
    src: url("../../fonts/ProbaPro/ProbaPro-Regular.woff2") format("WOFF2"), 
    url("../../fonts/ProbaPro/ProbaPro-Regular.woff") format("WOFF"), 
    url("../../fonts/ProbaPro/ProbaPro-Regular.svg") format("SVG");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Proba Pro";
    src: url("../../fonts/ProbaPro/ProbaPro-SemiBold.woff2") format("WOFF2"), url("../../fonts/ProbaPro/ProbaPro-SemiBold.woff") format("WOFF"), url("../../fonts/ProbaPro/ProbaPro-SemiBold.eot") format("EOT"), url("../../fonts/ProbaPro/ProbaPro-SemiBold.svg") format("SVG");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Proba Pro";
    src: url("../../Fonts/ProbaPro/ProbaPro-Bold.woff2") format("WOFF2"), 
    url("../../fonts/ProbaPro/ProbaPro-Bold.woff") format("WOFF"), 
    url("../../fonts/ProbaPro/ProbaPro-Bold.eot") format("EOT"), 
    url("../../fonts/ProbaPro/ProbaPro-Bold.svg") format("SVG");
    font-weight: 700;
    font-style: normal;
}


html { min-height:100%; font-size:16px}
body { color: #3b4256; overflow-x:hidden; font-family: "Proba Pro", Arial, Helvetica, sans-serif; background:#eee; font-size:1rem}

.bootstrap-datetimepicker-widget {
    z-index: 9999 !important;
}

a[href^="tel"] {
    color: inherit; /* Inherit text color of parent element. */
    text-decoration: none; /* Remove underline. */
    /* Additional css `propery: value;` pairs here */
}

/*---Layout---*/

.header-content { padding:20px 0 5px 0; }
.header-logo-txt { display:block; font-size:45px; line-height:45px; text-transform:uppercase; font-weight:normal; margin-left:105px; }
.header-logo-img { width:90px; height:90px; float:left; margin-right:15px; }
.header-logo-info { display:block; margin-bottom:15px; margin-top:15px; font-size:20px; }
.header-logo-city-type { text-transform:lowercase !important; }
.header-contacts-title { display:block; font-size:20px; margin-bottom:15px; }
.header-phones { margin-bottom:15px; }
.header-phone { display:block; height:45px; font-size:36px; line-height:45px; font-weight:normal; white-space:nowrap; }
.header-phone .fa { font-size:20px; background:#fff; }
.header-phone span { display:inline-block; vertical-align:middle; }
header .info-block { text-align:center; font-size:15px !important; }

@media (max-width:991px) { 
    .footer .links { margin-bottom:50px; }
}

@media (max-width:767px) { 
    .header-content { text-align:center; }
    .header-logo-link { display:inline-block; position:relative; }
    .header-logo-txt { font-size:35px; line-height:35px; margin-left:0; }
    .header-logo-img { width:70px; height:70px; float:left; margin-right:15px; }
    .header-phone { display:block; height:40px; font-size:28px; line-height:40px; font-weight:normal; white-space:nowrap; }
    .header-phone .fa { font-size:16px; background:#fff; }
    .main-menu .navbar-nav li { display:block; float:none; border-right:none; text-align:left; }
    .main-menu .navbar-nav li a { background:none; padding-bottom:10px; padding-top:10px; }
    .main-menu .navbar-nav li a:hover { text-decoration:underline; }
}
/*---End-Layout---*/


/*---Elements---*/
h2 { margin:0 0 30px 0; padding:0; font-size:36px; line-height:1.25; font-weight:normal; }

.page-title { position:relative; padding:20px 0; background:#fff; box-shadow:0 3px 4px rgba(0,0,0,0.2); z-index:999; }
.page-title .title { margin:0; padding:0; text-transform:uppercase; font-size:40px; line-height:45px; font-weight:normal; }
.page-title .text  { line-height:30px; }
.page-title .form-row { margin-bottom:14px; }



.date-range { position:relative; }

.table-unbordered td { border-top:none !important; border-bottom:none !important; border-left:none !important; border-right:none !important; }


@media (min-width:1200px) {
    .page-title .title.title-br-lg { padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #ccc; }
}

@media (max-width:1199px) {
    .page-title .title.title-br-md { padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #ccc; }
}


@media (max-width:991px) {
    .page-title .title.title-br-sm { padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #ccc; }
}


@media (max-width:767px) {
    .page-title .title { text-align:center; }
    .page-title .title.title-br-xs { padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #ccc; }
}


/*---End-Elements---*/



/*------*/

.map-filter-state { text-align:center; }
.map-filter-state span { cursor:pointer; }
.map-filter-state .fa { font-size:30px; margin-right:15px; margin-bottom:10px; vertical-align:middle; }
.map-filter-state-cnt { display:inline-block; vertical-align:middle; font-size:40px; line-height:60px; }
.map-filter-state.na { color:#ccc !important; }
.map-filter-state.na .fa { background-color:#ccc !important; }
.map-filter-state.na .map-filter-state-cnt { color:#ccc !important; }
.map-filter-label { margin-bottom:5px; text-align:right; }
.problem-map-content { position:relative; min-height:400px; height:80vh; }
.map { position: relative; height:100%; margin-right:350px; }
.map-toolbar { position:absolute; bottom:0; left:0; width:100%; padding:5px 0; z-index:1000; background:#fff; }
.map-toolbar .alert { position:absolute; bottom:110%; margin-bottom:0; right:5px; }
.map-problem-list { position:relative; float:right; width:350px; padding-top:1%; height:100%; background:#fff; border-left:1px solid #e7e7e7;  }
.map-problem-list .pane { position:relative; height:98%; }
.map-problem-list  #divProblems { height:100%; overflow-y:hidden; }
.map-problem-list .nav { margin:0 15px 0 15px; }
.map-problem-list .active img { width:30px; height:30px; padding:3px; border:1px solid #bbb; background:#fff; border-radius:100%; }
.map-problem-list a { background-position:10px center; background-repeat:no-repeat; padding-left:50px; padding-top:15px; padding-bottom:15px; }
.map-problem-list img { display:inline-block; vertical-align:middle; margin-right:15px; }
.map-problem-list span { display:inline-block; vertical-align:middle; }

@media (max-width:1199px) {
    .map-filter-state { text-align:left; }
}

@media (max-width:991px) {
    .map-filter-label { text-align:left; }
    .map-filter-state { text-align:left; }
    .map { margin-right:0; }
    .map-problem-list { display:none; }

}

@media (max-width:767px) {
    .problem-map-content { position:relative; min-height:500px; height:90vh; }
    .map-filter-state { text-align:center; }
    .map-filter-state-cnt  { font-weight:bold; }
    .map-header-br { border-top:1px solid #ccc; }
}


.results-page .page-title .text { text-align:right; color:#666; }
.results-row { display:block; }

@media (max-width:991px) {
    .results-page .page-title .text { text-align:left; margin-bottom:15px; }
    .results-row { display:inline-block; margin-left:5px; } 
}

.request-state-steps { text-align:center; margin-top:30px; }
.request-state-steps > div { display:block; float:left; vertical-align:middle; text-align:center; }
.request-state-step-icon { position:relative; display:inline-block; vertical-align:middle; color:#bbb; }
.request-state-step-icon.cv { padding:5px; }
.request-state-steps .proc { position:absolute; width:115px; height:115px; top:0; left:0; text-align:center; line-height:115px; color:#ccc; font-size:50px; }
.request-state-steps .step-desc { display:inline-block; vertical-align:middle; }
.request-state-steps .step { width:28.66%; position:relative; }
.request-state-steps .step.na { color:#999 !important; }
.request-state-steps .step.na .circle-icon-img { border-color:#999 !important; color:#ccc !important; }
.request-state-steps .arrow { width:7%; height:115px; line-height:115px; font-size:60px; text-align:center; color:#666; }
.request-problem-name { margin-bottom:15px; font-weight:bold; margin-top:15px; }
.request-map { position:relative; }
.request-map .map-container { height:400px; }
.request-photos { position:absolute; top:15px; right:15px; width:240px; z-index:9999; padding:15px 15px 0 15px; box-shadow:0 2px 5px rgba(0,0,0,0.5); }
.request-photos .request-gallery { height:140px; margin-bottom:15px; }
.request-photos .request-gallery-link { height:140px; }
.request-timeline-steps .step { margin-bottom:15px; min-height:66px; }
.request-timeline-steps .iter { display:block; float:left; font-size:36px; line-height:1; font-weight:bold; }
.request-timeline-steps .desc { margin-left: 60px; margin-top:6px; margin-bottom:0; }

@media (max-width:767px) {
    .request-problem-info { text-align:center; }
    .request-state-steps > div { float:none; width:100% !important; }
    .request-state-steps .arrow { height:60px; line-height:60px; }
    .request-photos { position:relative; top:0; right:0; width:auto; padding:15px; z-index:2; box-shadow:none; }
    .request-photos .request-gallery { width:46%; margin:0 2%; float:left; }
    .request-map .map-container { height:300px; }
}


.edit-user .map-container { height: 579px; }

@media (max-width: 991px) {
    .edit-user .map-container { height: 493px; }
}

@media (max-width: 767px) {
    .edit-user .map-container { height: 250px; }
}

.simple-page .page-title { margin-bottom:30px; }
.simple-page .content { margin-bottom:30px; }
.simple-page .content .media {
    display: flex;
}
.simple-page .content .media-left {
    flex: 0 0 auto;
}
.simple-page .content img {
    max-width: 100%;
    height: auto;
}
.statistic-page .form-control { margin-top:5px; } 

.create-new-request .request-step-title { height:1px; margin-top:30px; margin-bottom:50px; border-top-width:1px; border-top-color:#ccc; border-top-style:solid; text-align:center; }
.create-new-request .request-step-title span { position:relative; top:-24px; padding:10px; background:#fff; display:inline-block; font-weight:bold; color:#999; }
.create-new-request .cause { display:inline-block; padding:15px; width:33.33%; vertical-align:top; cursor:pointer; }
.create-new-request .cause:hover { text-decoration:underline; }
.create-new-request .cause.active:hover { text-decoration: none; }
.create-new-request .photo-upload { padding: 15px; background: #fff; border: 3px dashed #ccc; color:#999; }
.create-new-request .not-loaded { padding:10px; color:#999; }
.create-new-request .photos { text-align:center; }
.create-new-request .wrap { position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; background:rgba(255, 255, 255, 0.7); z-index:2; }
.create-new-request .progress { position:absolute; top:50%; width:70%; height:34px; margin-top:-17px; margin-left:15%; border:5px solid #fff; line-height:34px; }
.create-new-request .photo-thumb { display:inline-block; position:relative; width:150px; margin:0 5px 10px 5px; padding:5px; border:1px solid #ccc; border-radius:4px; background:#fff; }
.create-new-request .photo-thumb .close { position:absolute; width:30px; height:30px; top:0; right:0; background:#fff; opacity:1; border-radius:0 4px 0 4px; font-size:16px; }
.create-new-request .photo-thumb .close:hover { color:#f00; }
.create-new-request .map-container { height:356px; }

@media (max-width: 1199px) {
    .create-new-request .cause { width:50%; } 
}

@media (max-width: 767px) {
    .create-new-request .cause { width:100%; }
    .create-new-request .map-container { height:250px; }
    .simple-page .content .media {
        flex-wrap: wrap;
    }
    .simple-page .content .media-left {
        width: 100%;
        margin-bottom: 15px;
    }
}

.create-request .selected-problem { min-height:54px; }
.create-request .selected-problem img { float:left; height:54px; width:50px; margin-right:15px; padding-top:4px; }
.create-request .step-wizard { margin-left:15px; margin-right:15px; }
.create-request .step-title { display:block; padding-bottom:10px; margin-bottom:15px; font-weight:bold; } 
.create-request .viewport { position:relative; overflow:hidden; min-height:200px; height:45vh; }
.create-request .steps { position:absolute; width:600%; height:100%; top:0; left:0; }
.create-request .step { position:relative; width:16.666667%; height:100%; float:left; overflow-y:auto; overflow-x:hidden; }
.create-request .field-validation-error { display:block; }
.create-request .location-pills { background:#f7f7f7; margin-bottom:15px; }
.create-request .location-select { display:table-cell !important; width:1% !important; }
.create-request .location-select a { margin-bottom:0 !important; }
.create-request .location-tabs { margin-left:15px; margin-right:15px; }
.create-request .location-tabs hr { margin-top:10px; margin-bottom:10px; }


@media (max-width: 767px) {
    .create-request .step-wizard,
    .create-request .location-tabs { margin-left:0; margin-right:0; }
}

.messageStyle {
    border: 1px solid #ccc !important;
    padding: 10px;
    margin: 10px;
}

.messageHeaderStyle {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 767px) {
    #btnChats {
        margin-bottom: 10px;
    }
}