/* CARD MANAGER */

#cardManager-button {
    opacity: 1;
}

#cardManager-button:hover {
    opacity: 1 !important;
}

#cardManager-button button {
    background-color: #192431 !important;
    color: white;
}

#cardManager ul.cards-list {
    padding: 0px;
}

#cardManager ul.cards-list li {
    display: inline;
    float: left;
}

#cardManager .popover {
    background-color: #192431 !important;
}

#cardManager .popover .arrow:after {
    border-top-color: #192431 !important;
}


/*
 =========================
 LEGEND TOOLS
 =========================
 */

.legend-form {
    list-style: none;
    max-height: 300px;
    overflow-y: auto;
    padding-left: 0px;
    margin-bottom: 0px;
    margin-top: -20px;
}


/*
 =========================
 DRAWING TOOLS
 =========================
 */

.drawing-form {
    margin-top: -20px;
}

.icon-drawing-tools {
    width: 50px;
}


/*
 =========================
 THEMATICS
 =========================
 */

.thematics-form-center {
    max-height: 280px;
    overflow-y: auto;
    padding-top: 1px;
}

.thematics-form-margin {
    margin: 0px 0px 0px 5px;
}

.form-group {
    position: relative;
    margin-bottom: 10px;
}

.form-view {
    max-height: 280px;
    overflow-y: auto;
    width: 350px;
}


/* 
/*
 =========================
 CONSULTS
 =========================
 */

.consults-form-center {
    max-height: 280px;
    overflow-y: auto;
    padding-top: 1px;
}

.consults-form-margin {
    margin: 0px 0px 0px 5px;
}


/* 
=========================
    CARDS-OPTIONS
=========================
*/

.card {
    position: absolute !important;
    top: 150px !important;
    left: 200px !important;
}

body:not(.isMobile) .card-menuoption {
    position: absolute !important;
    top: 65px !important;
    z-index: 10;
}

body.isMobile .card-menuoption {
    position: fixed !important;
    top: 65px !important;
    z-index: 999;
}

.card-menu {
    position: absolute;
    float: right;
}

.icon-card-btn {
    margin-bottom: 10px;
    background-color: transparent;
    background-repeat: no-repeat;
}

.icon-space-btn {
    margin-bottom: 9px !important;
}


/* 
=========================
    CARDS-SIZE
=========================
*/

.width-s {
    width: 415px !important;
    height: 250px !important;
}

.width-xm {
    width: 420px !important;
}

.width-xs {
    width: 315px !important;
}

.width-masive-consults {
    width: 600px !important;
}

.width-draw-to-kml {
    width: 320px !important;
}

.width-avanceproyecto {
    width: 245px !important;
    height: 215px !important;
}

.width-sql {
    width: 400px !important;
    margin: 0px;
    padding: 0px;
}

.width-xsm {
    width: 245px !important;
    height: 415px !important;
}

.width-xss {
    width: 210px !important;
}

.width-l {
    width: 515px !important;
    height: 250px !important;
}

.width-xxs {
    width: 215px !important;
}

.width-attachment {
    width: 440px !important;
}

body:not(.isMobile) .width-drawing {
    width: 750px !important;
    height: 90px !important;
}

body.isMobile .width-drawing {
    width: auto;
    height: 150px !important;
}

#editorContent {
    width: 115% !important;
    height: auto;
    overflow: auto;
    margin-left: -7px;
    z-index: 18;
    position: relative;
}

#editorContent .esriDrawingToolbar {
    width: 100% !important;
}

.card.preloadLibs {
    width: 300px;
    height: 120px;
    padding: 20px;
}

body.isMobile .card.preloadLibs {
    left: 20px !important;
}

.card-street-view .card-body {
    padding: 16px !important;
}

.card-helpmenu {
    width: 300px;
    height: 420px;
}

.card-helpmenu .card-body {
    padding: 0px !important;
}

.card-helpmenu .menubar {
    overflow: auto;
    height: 342px;
}

.card.ploteo-planos {
    width: 300px;
    min-height: 400px;
}

.card-siniestros{

    width:420px;
    height:350px; 
    min-width:400px;
    min-height:200px; 
}

.create-edit-up{
    width:auto;
    height:450px; 
    min-width:400px;
    min-height:400px;    
}
.create-edit-up.confir{
    width: 450px !important;
    height: auto;
    min-width: 200px;
    min-height: 150px;
}
.create-edit-up.modalUpload{
    width: auto;
    height: auto;
    min-width: 200px;
    min-height: 150px;
}
.create-edit-up.upForm{    
    height:auto !important;  
    width:800px ;
}

@media (max-height: 800px) {
    .create-edit-up.upForm{    
        height:auto !important;  
        width:800px !important;
    }
  }

/* factibity */
.factibity-novedad{
    width:auto;
    height:450px; 
    min-width:400px;
    min-height:400px;    
}
.factibity-novedad.confir{
    width: 450px !important;
    height: auto; 
    min-width: 200px;
    min-height: 150px;
}
.factibity-novedad.modalUploadPdf{
    width: 550px;
    height: auto;
    max-width: 200px !important;
    min-height: 200px !important;
}
.factibity-novedad.upForm{    
    height:auto !important;  
    width:800px ;
}

@media (max-height: 800px) {
    .factibity-novedad.upForm{    
        height:auto !important;  
        width:800px !important;
    }
  }
.trackingup{
    width:auto;
    height:450px; 
    min-width:400px;
    min-height:400px;    
}
.trackingup.upForm{    
    height:auto !important;  
    width:800px !important;
}

@media (max-height: 800px) {
    .trackingup.upForm{    
        height:auto !important;  
        width:800px !important;
    }
  }