.yellow-button {
    color: #FDB300 !important;
    border-color: #FDB300 !important;
    background-color: #f5f5f5 !important;
}
.yellow-button:hover {
    color: white !important;
    border-color: #FDB300 !important;
    background-color: #FDB300 !important;
}
.red-button {
    color: #F44336 !important;
    border-color: #F44336 !important;
    background-color: #f5f5f5 !important;
}
.red-button:hover {
    color: white !important;
    border-color: #F44336 !important;
    background-color: #F44336 !important;
}
/*#477794*/
.hover-profile:hover{
    background-color: #477794 !important;
}

.blue-panel-header{
    background-color: #477794 !important;
}

.navbar-circle{
    background-color: #477794 !important;
}

.blue-navbar-top {
background-color:#00587B !important
}

#topnav.navbar-blue .logo-area .toolbar-trigger a span.icon-bg {
    background-color: #607d8b;
}

#topnav.navbar-blue .toolbar-icon-bg > a span.icon-bg, #topnav.navbar-blue .toolbar.pull-right .toolbar-icon-bg > a span.icon-bg {
    background-color: #607d8b;
}

.btn-login{
    color: #00587B;
    border-color: #00587B;
    background-color: white;
}

.btn-login:hover{
    color: white;
    border-color: #00587B;
    background-color: #00587B !important;
}

.pading-top-login {
    padding-top: 20px !important;
    /*padding-bottom: 20px !important;*/
}
svg {
    display: block;
}
.chartResult, svg {
    margin: 0px;
    padding: 0px;
    height: 300px;
    width: 100%;
}

.chartResult2, svg {
    margin: 0px;
    padding: 0px;
    height: 200px;
    width: 100%;
}

.multiselect-container{
    width:100%;
}
.selected-item-multiple-checkbox{
    color:#616161;
}
.picture-container {
 position: relative;
 cursor: pointer;
 text-align: center;
}

.picture {
 width: 200px;
 height: 200px;
 background-color: #999999;
 border: 4px solid #CCCCCC;
 color: #FFFFFF;
 border-radius: 50%;
 margin: 5px auto;
 overflow: hidden;
 transition: all 0.2s;
 -webkit-transition: all 0.2s;
}

.picture-sm {
 width: 80px;
 height: 80px;
 background-color: #999999;
 color: #FFFFFF;
 border-radius: 50%;
 margin: 5px auto;
 overflow: hidden;
 transition: all 0.2s;
 -webkit-transition: all 0.2s;
}

.picture-src {
 width: 100%;
}

.picture input[type="file"] {
 cursor: pointer;
 display: block;
 height: 100%;
 left: 0;
 opacity: 0 !important;
 position: absolute;
 top: 0;
 width: 100%;
}

.dropzone {
  border: 1px dashed rgba(0,0,0,0.1) !important;
  min-height: 130px !important;
  background: rgba(0,0,0,0.03);
  padding: 23px;
  border: 4px dashed #cdced1;
}

.modal-body-touch {
    min-height: 100px;
    max-height: 400px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

@media (min-height: 600px) {
    .modal-body-touch {
        max-height: 500px;
    }
}

@media (min-height: 800px) {
    .modal-body-touch {
        max-height: 700px;
    }
}

@media (min-height: 1000px) {
    .modal-body-touch {
        max-height: 800px;
    }
}

@media (min-height: 1200px) {
    .modal-body-touch-body {
        max-height: 1000px;
    }
}