/*
    Document   : style
    Created on : 21 OCTUBRE 2019, 23:53:00
    Author     : Julian Prada
*/

@font-face {
    font-family: proxima_semibold;
    src: url(/fonts/proxima_semibold.otf);
}

@font-face {
    font-family: proxima_light;
    src: url(/fonts/proxima_light.otf);
}
@font-face {
    font-family: proxima_bold;
    src: url(/fonts/proxima_bold.otf);
}
@font-face {
    font-family: proxima_regular;
    src: url(/fonts/proxima_regular.ttf);
}

@font-face {
    font-family: rap_bold;
    src: url(/fonts/RAP_BOLD.woff2);
}

@font-face {
    font-family: rap_regular;
    src: url(/fonts/RAP_REGULAR.woff2);
}

@font-face {
    font-family: duo_bold;
    src: url(/fonts/DUO_BOLD.woff);
}

@font-face {
    font-family: duo_regular;
    src: url(/fonts/DUO_REGULAR.woff);
}

@font-face {
    font-family: go_bold;
    src: url(/fonts/GO_BOLD.woff2);
}

@font-face {
    font-family: go_regular;
    src: url(/fonts/GO_REGULAR.woff2);
}

@font-face {
    font-family: fv_semibold;
    src: url(/fonts/proxima_semibold.otf);
}

@font-face {
    font-family: fv_regular;
    src: url(/fonts/proxima_regular.ttf);
}

@font-face {
    font-family: lingo_bold;
    src: url(/fonts/LINGO_BOLD.ttf);
}

@font-face {
    font-family: lingo_regular;
    src: url(/fonts/LINGO_REGULAR.ttf);
}

.begin{font-family: 'lingo_bold';-webkit-font-smoothing: antialiased !important;background: rgba(240,240,240,1);min-height:calc(100vh - 0px);backgrodund: #888}


.fk-container{padding: 20px;margin-top: 20px}
.fk-container-form{padding: 20px;margin-top: 0px}
.fk-form-container{min-height: calc(100vh - 190px)}

.fk-barview{background: #fff;padding-bottom: 5px;padding-top: 5px;border-bottom: 2px solid #f5f5f5}
.fk-barview-inv{background: #fff !important;}
.fk-barview .box{position:relative;padding-right: 20px;display: flex;  align-items: center;}
.fk-barview .title{font-family: 'lingo_bold';color:rgb(96,96,96);font-size: 18px;padding: 10px 10px 10px 10px;}
.fk-barview .box>i{padding-right: 20px;font-size: 20px;cursor:pointer;}
.fk-barview img{padding-right: 5px;padding-left: 5px;height: 30px;}
.fk-barview .btn-group .dropdown-toggle{box-shadow: none !important; -webkit-box-shadow: none !important;text-align: center;cursor:pointer;padding: 3px 25px 0px 0px;}  
 .fk-barview .btn-group a{cursor:pointer}

.fk-bargoogle{border-bottom: 1px solid #eee;border-top: 0px solid #ddd;backgeround: #fafafa}
.fk-bargoogle .box{display: flex;padding: 5px 20px;align-items: center}
.fk-bargoogle .b1{padding: 10px 20px;color:rgb(61,136,236);text-align: center;cursor: pointer;color:#777;background: #fafafa;margin-right: 3px;border-radius: 5px}
.fk-bargoogle .b1:hover{padding: 10px 20px;text-align: center;cursor: pointer;background: #f5f5f5}
.fk-bargoogle i{padding-right: 5px}

/* ELEMENTO VISTA DETALLES */
.fk-square{height: auto;border-radius: 10px;padding: 10px;margin-bottom: 10px;background: #fff;} 
.fk-square .t1{font-size: 12px;color:rgb(95,99,104);color:#333;font-family: 'proxima_regular'}
.fk-square .t2{color: #333;font-size: 12px;}
.fk-square .tl{color:rgb(61,136,236);cursor:pointer;font-size: 12px;}
.fk-square hr{margin-top: 10px !important;margin-bottom: 10px !important;margin-left: -20px;margin-right: -20px;border-width: 2px}
.fk-square .titulo{color:#333;font-size: 14px;margin: -10px -10px 0px -10px; padding: 20px;padding-top: 15px;padding-right: 20px;}
.fk-square .box{padding: 10px;}
.fk-square .item-flex{display:flex}
/* FIN ELEMENTO VISTA DETALLES */

/* ELEMENTO VISTA DETALLES */
.fk-details{padding: 20px;} 
.fk-details .t1{font-size: 12px;color:rgb(95,99,104);color:#333;font-family: 'lingo_bold'}
.fk-details .t4{font-size: 12px;color:rgb(95,99,104);color:#333;font-family: 'lingo_bold';padding-bottom: 5px;}
.fk-details .t2{color: #333;font-size: 16px;font-family: 'lingo_regular';font-weight: 500}
.fk-details .t3{color: #888;font-size: 16px;font-family: 'lingo_regular';font-weight: 500;font-style: italic}
.fk-details .tl{color:rgb(61,136,236);cursor:pointer;font-size: 12px;}
.fk-details hr{margin-top: 10px !important;margin-bottom: 10px !important;margin-left: -30px;margin-right: -30px;border-width: 2px}
.fk-details .titulo{color:#333;font-size: 14px;margin: -10px -10px 0px -10px; padding: 20px;padding-top: 15px;padding-right: 20px;}
.fk-details .box{padding: 10px;}
.fk-details .item-flex{display:flex}
/* FIN ELEMENTO VISTA DETALLES */

/*DETAILS - 27MAR2019 */
.fk-details-bar .nav-pills{background: #f5f5f5 !important;border-bfottom:1px solid #aaa;bordjer-top:1px solid #ccc;font-family: 'lingo_bold'}
.fk-details-bar .nav-pills li.active>a{border-radius: 0px !important;background:rgba(255,255,255,1) !important;color:#333 !important}
.fk-details-bar .nav-pills li.active>a:hover, .nav-pills li.active>a:focus{border-radius: 0px !important;background: rgba(255,255,255,1) !important;color:#333 !important}
.fk-details-bar .nav-pills li>a{border-radius: 0px !important;color:#333 !important}
.fk-details-bar .nav-pills li>a:hover{border-radius: 0px !important;color:#eee;background:rgba(150,150,150,0.1) !important;color:#333 !important}

.fk-details-portada{display:flex; align-content: flex-start; background: #f5f5f5;bordder:2px solid #eee;border-bottom:0px;padding: 15px 20px;padding-top: 25px;padding-bottom: 20px;}
.fk-details-portada img{height: 40px;}
.fk-details-portada .imgbox{overflow: hidden;height: 40px;width: 40px;margin-right: 15px;}
.fk-details-portada .l1{color:#333;font-family: 'proxima_semibold';font-size: 16px;}
.fk-details-portada .l2{color:#333;font-family: 'proxima_semibold';font-size: 14px;}
/*DETAILS - 27MAR2019 */

/* ELEMENTO TABLA */
.fk-table{margin-bottom: 20px;border:1px solid #ccc;bordeer-radius: 10px;background: #fff;}
.fk-table th{font-size: 12px;border-bottom: 0px !important;font-weight: normal;background: rgb(250,250,250);font-family: 'lingo_bold'; color:#999;border-color:#ccc !important}
.fk-table td{color:rgb(95,99,104);font-size: 12px;color:#333;font-famdily: 'Open Sans', sans-serif;color:#404E67;font-family: 'lingo_regular';foEnt-weight: 500;border-color:#ccc !important;}
.fk-table .tdlink{color:rgb(61,136,236);cursor:pointer;}
.fk-table .tdlink:hover{cursor:pointer;backkground: rgba( 187, 217, 255,0.2);color:rgb(61,136,255);}
.fk-table .opcb{text-align: right}

 table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
    table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
        left:10px !important;box-shadow: none !important;border:none !important;background: #f5f5f5 !important;
        color:#888 !important;font-family: 'lingo_bold' !important;font-size: 24px !important;
        border-radius: 5px !important;padding: 5px !important;height: auto !important;;width: 16px !important;padding-bottom: 8px !important;
    }
    
    .dataTables_filter{margin-left: -15px}
    

/* FIN ELEMENTO TABLA */

.fk-olist{padsding-top: 20px;paddisng-bottom: 10px;}
.fk-olist .list-group-item{padding-left: 10px;padding-right: 10px;cursor:pointer;borsder:none;box-shadow: none;border-radius: 0px !important;border-left: none;border-right: none;backgrodund: #f5f5f5;}
.fk-olist .list-group-item:hover{background: rgba(0,0,255,0.05)}
.fk-olist .list-group{box-shadow: none !important;margin-bottom: 5px;}
.fk-olist .item{text-align: center;font-family: 'lingo_bold';font-size: 14px;padding: 1px 10px}
.fk-olist .list-group-item:last-of-type{border-bottom: none}

.fk-viewm-titulo{display: flex;align-items: center;padding: 10px 0px;padding-top:5px;}
.fk-viewm-titulo .texto{font-size: 20px;padding: 0px 5px 0px 5px;color:#000;font-family: 'proxima_bold'}
.fk-viewm-titulo .opc{margin-left: auto;padding-right: 10px;font-size: 18px}

.fk-viewd-titulo{display: flex;align-items: center;padding: 0px 0px 30px 0px;margin-top: -10px}
.fk-viewd-titulo .texto{font-size: 20px;padding: 0px 0px 0px 0px;color:#000;font-family: 'proxima_bold'}
.fk-viewd-titulo .opc{margin-left: auto;padding-right: 10px;font-size: 18px}



.fk-viewm-box .item{display: flex;margin-top: 10px;padding: 5px 0px;background:#fff;border-radius:10px;}
.fk-viewm-box .box-icon{flex-shrink: 0;}
.fk-viewm-box .box-icon>img{height: 60px;width: auto;padding: 10px;background: #f5f5f5;border-radius: 10px}
.fk-viewm-box .box-text{overflow:hidden;padding: 0px 20px}
.fk-viewm-box .line-1{font-size: 14px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;font-family: 'proxima_bold';}
.fk-viewm-box .line-2{font-size: 12px;overflow:hidden;white-space:nowrap;line-height:1;text-overflow: ellipsis;font-family: 'proxima_regular'}
.fk-viewm-box .line-3{font-size: 12px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}

.fk-viewm-box3 .item{display: flex;margin-top: 10px;padding: 5px 0px;background:#fff;border-radius:10px;}
.fk-viewm-box3 .box-icon{flex-shrink: 0;height: 60px;width: 60px;overflow: hidden;background: #f5f5f5;border-radius: 10px}
.fk-viewm-box3 .box-icon>img{height: 60px;width: auto;}
.fk-viewm-box3 .box-text{overflow:hidden;padding: 0px 20px}
.fk-viewm-box3 .line-1{font-size: 14px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;font-family: 'proxima_bold';}
.fk-viewm-box3 .line-2{font-size: 12px;overflow:hidden;white-space:nowrap;line-height:1;text-overflow: ellipsis;font-family: 'proxima_regular'}
.fk-viewm-box3 .line-3{font-size: 12px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}


.fk-viewm-box2 .item{display: flex;margin-top: 10px;padding: 10px 0px;background:#fff;border-radius: 10px 10px 0px 0px;padding-bottom: 0px}
.fk-viewm-box2 .box-icon{flex-shrink: 0;}
.fk-viewm-box2 .box-icon>img{height: 60px;width: auto;padding: 10px;background: #f5f5f5;}
.fk-viewm-box2 .box-text{overflow:hidden;padding: 0px 20px}
.fk-viewm-box2 .line-1{font-size: 14px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;font-family: 'proxima_semibold';}
.fk-viewm-box2 .line-2{font-size: 12px;overflow:hidden;white-space:nowrap;line-height:1;text-overflow: ellipsis;font-family: 'proxima_regular';font-style: italic;padding-top: 2px;color:#999;}
.fk-viewm-box2 .line-3{font-size: 12px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}



/* ESTANDAR */
.fs-ml{margin-left: auto;}
.fs-subtitulo-form{font-family: 'lingo_bold';font-size: 20px;padding: 10px 15px 10px 15px;background: #fafafa;color:#333 !important;border-radius: 5px;margin: 30px -15px 30px -15px}
/* FIN ESTANDAR */

@media screen and (max-width: 767px){
    .fk-container{padding: 0px;;} 
    .fk-container-form{padding: 0px;;} 
    .fk-form-container{min-height: calc(100vh - 130px)}
    .fk-bargoogle .box{display: flex;padding: 5px 0px;align-items: center}
}