/*--------------21-09-2017------------------*/
.margin-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}


.margin-8 {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.margin-8-left {
    padding-left: 0px !important;
    padding-right: 6px !important;
}

.table-PMe th {
    font-size: 9px;
    color: #2196F3;
    padding: 2px;
}

.table-PMe td {
    font-size: 8px;
    padding: 1px 2px;
    line-height: 10px;
}

.btn-right-PMe {
    color: #666;
    text-align: center;
    height: 25px;
    padding-top: 3px !important;
    font-size: 10px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.btn-diagn-PMe {
    /*background: rgb(133,77,157);
    background: -moz-linear-gradient(top, rgba(133,77,157,1) 1%, rgba(207,78,213,1) 100%);
    background: -webkit-linear-gradient(top, rgba(133,77,157,1) 1%,rgba(207,78,213,1) 100%);
    background: linear-gradient(to bottom, rgba(133,77,157,1) 1%,rgba(207,78,213,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#854d9d', endColorstr='#cf4ed5',GradientType=0 );
     */
    background-color: #A84EB8;
    color: #fff;
    height: 25px;
    padding-top: 4px !important;
    text-align: center;
}

.btn-anam-PMe {
    /*background: rgb(49,219,208);
    background: -moz-linear-gradient(top, rgba(49,219,208,1) 1%, rgba(38,255,201,1) 100%);
    background: -webkit-linear-gradient(top, rgba(49,219,208,1) 1%,rgba(38,255,201,1) 100%);
    background: linear-gradient(to bottom, rgba(49,219,208,1) 1%,rgba(38,255,201,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31dbd0', endColorstr='#26ffc9',GradientType=0 );*/
    background-color: #2CEACD;
    color: #fff;
    height: 25px;
    padding-top: 4px !important;
    text-align: center;
}

.btn-medic-PMe {
    /*background: rgb(248,87,163);
   background: -moz-linear-gradient(top, rgba(248,87,163,1) 0%, rgba(255,88,90,1) 100%);
   background: -webkit-linear-gradient(top, rgba(248,87,163,1) 0%,rgba(255,88,90,1) 100%);
   background: linear-gradient(to bottom, rgba(248,87,163,1) 0%,rgba(255,88,90,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f857a3', endColorstr='#ff585a',GradientType=0 );*/
    background-color: #FB5781;
    color: #fff;
    height: 25px;
    padding-top: 4px !important;
    text-align: center;
}

.btn-exam-PMe {
    /*background: rgb(0,115,255);
    background: -moz-linear-gradient(top, rgba(0,115,255,1) 0%, rgba(0,196,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,115,255,1) 0%,rgba(0,196,255,1) 100%);
    background: linear-gradient(to bottom, rgba(0,115,255,1) 0%,rgba(0,196,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073ff', endColorstr='#00c4ff',GradientType=0 );*/
    background-color: #0095FF;
    color: #fff;
    height: 25px;
    padding-top: 4px !important;
    text-align: center;
}

.btn-inter-PMe {
    /*background: rgb(0,115,255);
    background: -moz-linear-gradient(top, rgba(0,115,255,1) 0%, rgba(0,196,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,115,255,1) 0%,rgba(0,196,255,1) 100%);
    background: linear-gradient(to bottom, rgba(0,115,255,1) 0%,rgba(0,196,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0073ff', endColorstr='#00c4ff',GradientType=0 );*/
    background-color: #FF6600;
    color: #fff;
    height: 25px;
    padding-top: 4px !important;
    text-align: center;
}

.basic-space-bord {
    border-top: 1px solid #dddddd;
    padding-top: 5px !important;
    margin-top: 5px;
}

/*
.left-PM-diag{
   border-left: 10px solid transparent;
  -moz-border-image: -moz-linear-gradient(top, rgba(133,77,157,1) 1%, rgba(207,78,213,1) 100%);
  -webkit-border-image: -webkit-linear-gradient(top, rgba(133,77,157,1) 1%, rgba(207,78,213,1) 100%);
  border-image: linear-gradient (top, rgba(133,77,157,1) 1%, rgba(207,78,213,1) 100%);
  border-image-slice: 1;
}
*/



.left-PM-diag {
    border-left: 3px solid #A84EB8;
    border-top: 1px solid #dddddd;
}

    .left-PM-diag ul {
        margin-left: -10px;
    }

    .left-PM-diag li {
        color: #A84EB8;
        width: 100%;
        border-bottom: 1px solid #dddddd;
        padding: 1px !important;
    }

    .left-PM-diag span {
        color: #666;
        font-size: 10px;
    }

.left-PM-anam {
    border-left: 3px solid #2CEACD;
    border-top: 1px solid #dddddd;
}

.left-PM-medic {
    border-left: 3px solid #FB5781;
    border-top: 1px solid #dddddd;
}

    .left-PM-medic ul {
        margin-left: -10px;
    }

    .left-PM-medic li {
        color: #FB5781;
        width: 100%;
        border-bottom: 1px solid #dddddd;
        padding: 1px !important;
    }

    .left-PM-medic span {
        color: #666;
        font-size: 10px;
    }

.left-PM-exam {
    border-left: 3px solid #0095FF;
    border-top: 1px solid #dddddd;
}

    .left-PM-exam ul {
        margin-left: -10px;
    }

    .left-PM-exam li {
        color: #0095FF;
        width: 100%;
        border-bottom: 1px solid #dddddd;
        padding: 1px !important;
    }

    .left-PM-exam span {
        color: #666;
        font-size: 10px;
    }

.left-PM-inter {
    border-left: 3px solid #FF6600;
    border-top: 1px solid #dddddd;
}

    .left-PM-inter ul {
        margin-left: -10px;
    }

    .left-PM-inter li {
        color: #FF6600;
        width: 100%;
        border-bottom: 1px solid #dddddd;
        padding: 1px !important;
    }

    .left-PM-inter span {
        color: #666;
        font-size: 10px;
    }



.head-PM {
    padding: 3px !important;
    font-weight: bold;
    width: 100%;
}

    .head-PM i {
        font-size: 12px;
        margin-right: 3px;
        cursor: pointer;
    }

.body-PM {
    padding: 1px 0px !important;
}

.btn-delete-PM {
    background-color: #fff;
    border: 1px solid red;
    border-radius: 5px;
    color: red;
    font-size: 10px;
    padding: 0 3px;
    text-align: center;
}

    .btn-delete-PM:hover {
        background-color: #ff3333;
        border: 1px solid #cc3333;
        border-radius: 5px;
        color: #fff;
        font-size: 10px;
        padding: 0 3px;
        text-align: center;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }



.span-GES-PM {
    background-color: #fff;
    border: 1px solid #2196f3;
    border-radius: 3px;
    color: #2196f3;
    font-size: 7px;
    margin-left: 4px;
    padding: 1px 2px 0;
    text-align: center;
}

    .span-GES-PM:before {
        content: "GES";
    }


.regis-sidebar-r {
    border-bottom: 1px solid #dddddd;
    padding: 3px 8px;
    font-size: 10px;
    cursor: pointer;
}


.col-md-3-6 {
    float: left;
    width: 25%;
}

@media screen and (max-width: 1025px) {
    .col-md-3-6 {
        float: left;
        width: 50%;
        padding: 0px 8px;
    }
}

.col-md-1-6 {
    float: left;
    width: 8.33333333%;
}

@media screen and (max-width: 1025px) {
    .col-md-1-6 {
        float: left;
        width: 50%;
        padding: 0px 8px;
    }
}

.col-md-4-6 {
    float: left;
    width: 33.3333%;
}

@media screen and (max-width: 1025px) {
    .col-md-4-6 {
        float: left;
        width: 33%;
        padding: 0px 8px;
    }
}

.hide-show-1024 {
    float: right;
}

@media screen and (max-width: 1025px) {
    .hide-show-1024 {
        display: none;
    }
}

.op-cl-PM {
    padding: 4px 3px 0px 11px;
    cursor: pointer;
}

    .op-cl-PM i {
        float: left;
        font-size: 15px;
        color: #888;
    }

.op-cllf-PM {
    cursor: pointer;
    padding-top: 4px;
}

    .op-cllf-PM i {
        font-size: 15px;
        color: #888;
    }

.btn-guardarPM {
    background-color: #8fc33a;
    color: #fff;
    border: 1px solid #669933;
    font-size: 9px !important;
    border-radius: 2px;
}

    .btn-guardarPM:hover {
        background-color: #669933;
        color: #fff;
        border: 1px solid #669933;
        border-radius: 2px;
        font-size: 9px !important;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }

.btn-addPM {
    background-color: #FFF;
    color: #8fc33a;
    border: 1px solid #8fc33a;
    font-size: 9px !important;
    border-radius: 2px;
    margin-right: 5px;
}

    .btn-addPM:hover {
        background-color: #8fc33a;
        color: #fff;
        border-radius: 2px;
        border: 1px solid #669933;
        font-size: 9px !important;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        margin-right: 5px;
    }

.btn-addxsPM {
    background-color: #fff;
    border: 1px solid #8fc33a;
    border-radius: 2px;
    color: #8fc33a;
    font-size: 8px;
    padding: 0 4px;
    margin-right: 5px;
}

    .btn-addxsPM:hover {
        background-color: #8fc33a;
        color: #fff;
        border-radius: 2px;
        border: 1px solid #669933;
        font-size: 8px !important;
        padding: 0 4px;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        margin-right: 5px;
    }


.btn-insidePM {
    background-color: #eeeeee;
    color: #aaaaaa;
    border: 1px solid #aaaaaa;
    font-size: 10px !important;
    border-radius: 2px;
    margin-right: 5px;
    cursor: default;
}


.btn-insidexsPM {
    background-color: #eeeeee;
    border: 1px solid #aaaaaa;
    border-radius: 2px;
    color: #aaaaaa;
    font-size: 8px;
    padding: 0 4px;
    margin-right: 5px;
}

.activePM {
    background-color: #BBDEFB;
    color: #1976d2;
}


/***/


.btn-addcrossPM {
    background-color: #ffffff;
    color: #669933;
    border: 1px solid #669933;
    font-size: 11px !important;
    border-radius: 2px;
    padding: 1px 5px;
}

    .btn-addcrossPM:hover {
        background-color: #669933;
        color: #fff;
        border: 1px solid #336633;
        border-radius: 2px;
        font-size: 11px !important;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        padding: 1px 5px;
    }

.btn-addcrossPM {
    background-color: #ffffff;
    color: #669933;
    border: 1px solid #669933;
    font-size: 11px !important;
    border-radius: 2px;
    padding: 1px 5px;
}

    .btn-addcrossPM:hover {
        background-color: #669933;
        color: #fff;
        border: 1px solid #336633;
        border-radius: 2px;
        font-size: 11px !important;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        padding: 1px 5px;
    }

.btn-crossactivPM {
    background-color: #ffffff;
    color: #dddddd;
    border: 1px solid #dddddd;
    font-size: 11px !important;
    border-radius: 2px;
    padding: 1px 5px;
}

.shadow-boxPM {
    -webkit-box-shadow: -5px 11px 6px -9px rgba(168,168,168,0.79);
    -moz-box-shadow: -5px 11px 6px -9px rgba(168,168,168,0.79);
    box-shadow: -5px 11px 6px -9px rgba(168,168,168,0.79);
}

.hover-point {
    cursor: pointer;
}


/*--------------CLASES ARREGLO VSTAS 16-10-2017----------------*/


.res-busqueda-PM {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 3px;
    padding-top: 3px;
    font-size: 10px;
}


.btn-basic-chat-xs {
    background-color: #bbdefb;
    border: medium none;
    color: #1976d2;
    font-weight: bold;
    margin: 2px;
    padding: 3px 6px;
    text-align: center;
    text-transform: uppercase;
}

    .btn-basic-chat-xs span {
        font-size: 8px;
    }

    .btn-basic-chat-xs i {
        font-size: 15px;
    }

@media screen and (max-width: 1025px) {
    .hidden-1024 {
        display: none;
    }
}


.active-infoPM {
    padding: 5px 0px;
    border: 1px solid #BBDEFB;
    background-color: #E9F5FE;
    -webkit-box-shadow: 0px 0px 8px -1px rgba(143,143,143,1);
    -moz-box-shadow: 0px 0px 8px -1px rgba(143,143,143,1);
    box-shadow: 0px 0px 8px -1px rgba(143,143,143,1);
}


#plantilla_grilla_resultado {
    max-height: 660px !important;
}

.box-contenedor-infoplatinllas {
    border: 1px solid #dddddd;
    padding-top: 3px;
    padding-bottom: 5px;
    background-color: #fff;
}

.control-scrollPlanti {
    max-height: 635px;
    overflow-y: auto;
}

@media screen and (max-width: 1367px) {
    .control-scrollPlanti {
        max-height: 442px;
        overflow-y: auto;
    }
}

/*#divplantilla_crear_detalle{
    max-height:635px;
    overflow-y:auto;
}

@media screen and (max-width: 1367px){
    #divplantilla_crear_detalle{
     max-height:442px;
    overflow-y:auto;
 }
}*/


.clear_kendoSelect .k-widget {
    border: 5px solid #fff !important;
}

.tagsAlgoritmos {
    background-color:#FF9800;
    font-size: 9px;
    padding: 1px 5px;
    border-radius: 3px;
    float: left;
    margin: 1px 2px;
    font-weight:bold;
    color:#fff;

}

.tagsAlgoritmos:hover {
    background-color:#d9534f;
    -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
}

    .tagsAlgoritmos span {
        margin-left: 3px;
        font-size: 10px;
        color:#fff;
        cursor:pointer;
        font-weight:bold;
    }

    .tagsAlgoritmos span:hover {
        color:#484848;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .box-displayALG{
        float: left;
        width: 20%;
        padding:0.5%; 
      }

    .box-intALG{
        width: 100%;
        float: left;
      }

#divPlantillaCreadas{
    padding-bottom:5em;
}

@media screen and (max-width: 1367px) {
    #divPlantillaCreadas{
    padding-bottom:8em;
   }
}