@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-Light.eot');
    src: url('../fonts/montserrat-Light.eot?#iefix') format('embedded-opentype'),
        /* url('../fonts/montserrat-Light.woff') format('woff'),*/
         url('../fonts/montserrat-Light.ttf') format('truetype'),
         url('../fonts/montserrat-Light.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         /*url('../fonts/montserrat-regular-webfont.woff') format('woff'),*/
         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
    body{

        font-family: 'montserratlight';
    }
    .margin-xl-top{
        margin-top: 4em;
    }
    
    .margin-top{
        margin-top: 2em;
    }

    .margin-top-small{
        margin-top: 1em;
    }

    .margin-bt{
        margin-bottom:3em;
    }

    header {
        box-shadow: 10px 10px 8px #eee;
        margin-bottom: 3em;        
    }

   .col-right-content{
        border-left:solid 1px #ccc ; 
    }
   

    .clear{
        clear:both;
    }

    
    h1, h2{
        font-family: 'montserratbold';
        font-size: 18px;
        color:#ad2144;
        
     }


    section div p {
        font-size: 1em;
        margin-top: 2em;
        }


        p span{

            font-style: italic;
            font-size: small;
    
        } 

    
    @media only screen and (min-width: 768px) {
            .navbar-toggler{
                display: none;
            }
    }

    .main-menu{

        margin-bottom: 2em !important;
    }

    .sidebar{
        margin-bottom: 2em;
    }

    ul.main-menu  li {
        font-size: 1em;
        margin-bottom:1.2em;
        font-weight: 600;
    }
    ul.main-menu  li a{
        color:#4c4c4c;
            
    }
    
    ul.main-menu  li a:hover{
        color:#ad2144;

    }
  

    .form-group{
        padding: 1em;
        border-radius: 10px;
    }

    
    .aliceblue{
        background-color: #fff;
        border:solid 1px #dfe8ee;
    }


    input[type=text], input[type=date], select   {
        border:solid 1px #999;
        border-radius: 5px;
        padding:6px;
        width:100%;
        
    }

  
    
    input[type=button]{
        background-color: #ad2144;
        border:solid 2px #ad2144;
        border-radius: 5px;
        padding:6px;
        color:#f1f1f1;

    }

   

    input[type=button]:hover{
        background-color: #d82d58;
        border:solid 2px #a6153e;
    }

    .btn-borrar{
        color:#000000 !important; 
        padding-left:25px !important;
        margin-left: 1em;        
        border:solid 2px #efefef !important;
        background-color: #efefef !important;
        background-image: url(../images/trash.svg);
        background-position: 5px center;
        background-repeat: no-repeat;

    }

    .btn-borrar:hover{
        background-color:#fff !important;
        border:solid 2px #d6d6d6 !important;
    }

    .table-container{
        display:inline-block;
        justify-content: center;    
        width : 90%;
        margin-top: 2em;
        
    }

    .table caption{
        text-align: left;
        font-family: 'montserratbold';
        font-size: 18px;
        color:#ad2144;
        margin-bottom: 1em;        
     }

   
    .thead-dark{
        background-color: #666;
        color: #fff;

    }
    
    /*Mensaje de error*/
    i{
        display: none;
        font-size: small;
        color: #e61c4f;
    }


    #rowTablaAdvertencias{

        display:none;
    }

    #tblAdvertencias td{
        max-width: 150px !important;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    .activo{
        color:initial;
    }
    .disabled{
        color:#999;
        
    }
    
    .modal {
            display:    none;
            position:   fixed;
            z-index:    1000;
            top:        0;
            left:       0;
            height:     100%;
            width:      100%;
            background: rgba( 255, 255, 255, .8 ) 
                        url('../images/FhHRx.gif') 
                        50% 50% 
                        no-repeat;
        }