/*Imports*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

/* CSS Document */
* { margin: 0; }

/*RESET CSS*/
h1, h2, h3, h4, h5, h6 { line-height: normal; margin: 0; font-weight: bold; }
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none !important; color: inherit !important; font-weight: inherit !important; }
button, input, optgroup, select, textarea { color: black; }
a img { border: none; }
:focus { outline: 0; }
form, address { margin: 0; }
.btn { font-size: 18px; font-weight: 400 !important; padding: 8px 28px 9px 28px; border-radius: 0; border: none; color: #FFF !important; transition: background 0.8s ease; }
a.btn { text-decoration: none !important }
.btn-default { background: #fe0000 !important }

.btn-warning { background: #d2d200 !important }
    .btn-warning:hover, .btn-warning:active, .btn-warning:focus { background: #fdfd00 !important }

.headertable th, .headertable td { text-align: center; vertical-align: middle !important; }
.headertable td { padding: 10px 2px !important;} 

.rowgroup { background-color: #d8d8d8; border: 1px solid #000; padding: 10px 0 0 0; }

.btn-green { background: #009543 !important }
    .btn-green:hover, .btn-green:active, .btn-green:focus { background: #00642d !important }
.btn-default:hover, .btn-default:active, .btn-default:focus { background: #cc0000 !important }

.btn-default img.iconsmall { width: 30px; }

.btn-small { padding: 5px 18px 6px 18px; font-size: 16px; }

.contentiniciarsesion { max-width: 300px; margin: 0 auto; }
table.dataTable { font-size: 13px; }

.form-group { margin-bottom: 20px; }
label { font-weight: bold; color: #000; }
.form-control { border-color: #aaaaaa; }
.center { margin: 0 auto; }

.bgred { color: #fe0000; font-weight: bold; }
.bgaprobado { color: #000000; font-weight: bold; }
.maxwidthtextboxt { max-width: 140px !important; text-align: left !important; }
.bgrealizado { color: #5cb85c; font-weight: bold; }
.chkRadio input { width: 16px; height: 16px; }
.pointer { cursor: pointer; }

.chkpadd td { display: inline-block; padding: 5px 10px; }
    .chkpadd td input { margin-right: 5px; }

table { border-color: #000 !important; }

.columndivider { background-color: #d8d8d8; border: 1px solid #000; text-align:center; padding:5px 0 0 0;  }

.contentpanel { height: 540px; overflow: scroll; }

.hrline { border-top: 1px solid black; margin-bottom: 30px; }

.table > thead > tr > th { border-bottom: 1px solid black; }
/*.table-striped tbody tr:nth-of-type(odd) { background-color: #f3f2f0 }*/
.table-striped tbody tr:nth-of-type(even) {
    background-color: #FFEBD7 !important;
}

.even {
    background-color: #FFEBD7 !important;
}


.btn2 { margin: .25rem .125rem }
/*
.dropdown-toggle .glyphicon{color:#ce020b;}
.dropdown-toggle:hover .glyphicon{color:White;}

#Menu1_MenuCerrarSession .glyphicon{color:#ce020b;}
#Menu1_MenuCerrarSession:hover .glyphicon{color:White;}*/
/* TYPOGRAPHY*/
html { font-size: 100.01%; margin: 0; padding: 0; border: 0; min-height: 100%; position: relative; }
body { margin: 0px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 15px; color: #000; background: #FFF; margin-bottom: 100px; }
/*Headings*/
h1, h2, h3, h4, h5, h6 { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; margin-bottom: 20px; }
h1, h2 { font-size: 28px; color: #fe0000; font-weight: 300; text-align: center; margin-bottom: 25px; line-height: 38px; }
h3 { font-size: 22px; color: #000; font-weight: bold; margin-bottom: 10px; }
h4 { font-size: 20px; color: #000; font-weight: 300; }
h5 { font-size: 18px; color: #fe0000; font-weight: 400; }
h6 { font-size: 16px; color: #fe0000; font-weight: 500; margin-bottom: 15px; }

/*Paragraphs, Bullets, Link*/
p { margin: 0 0 25px; line-height: 30px; }
li { margin: 0; line-height: 25px; }
ul, ol { margin: 0 0 1.5em 0; padding-left: 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
a:link, a:visited, a:hover, a:active { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }

/* END TYPOGRAPHY*/
.text-success { color: #00ec00; }

/* GENERALS*/
.headinghtml5 { left: -2000em; position: absolute; }
.pcaptcha { font-size: 12px !important; font-weight: normal !important; }
.fonterror { color: red; font-size: 13px }
.clear { clear: both; }
.disclaimer { font-size: 12px; font-weight: bold; color: red; }
.input-group .glyphicon { top: 0; }
.glyphicon { top: 2px; }
.btn-small { font-size: 14px; padding: 6px 14px; }
.checkbox-inlineedit input { margin-right: 3px; }
.checkbox-inlineedit label { margin-right: 15px; font-weight: 400; }

.radiobuttoninline input { margin-right: 3px; }
.radiobuttoninline label { margin-right: 15px; font-weight: 400; }

.contentfileTree { width: 300px; height: 500px; border-top: solid 1px #BBB; border-left: solid 1px #BBB; border-bottom: solid 1px #FFF; border-right: solid 1px #FFF; background: #FFF; overflow: scroll; padding: 5px; }
.bordertable { border: 1px solid #000; padding: 10px; }
#grvPermisos select.form-control { padding: 6px 12px 6px 2px; }

.entry:not(:first-of-type) { margin-top: 10px; }

#ContentCarpeta .glyphicon { font-size: 12px; margin: 0; }
#ContentCarpeta .btn { padding: 5px 12px; margin: 0; }

.checkbox-inline { font-weight: 400; }
.fontsmall { font-size: 11px; }

.fontbold { font-weight: bold; }
.permisoskactus { display: block; background: #adadad; text-align: center; padding: 7px 0; }


.LiClientes { margin: 0 0 0 15px; padding: 0; }

.btnsmall { padding: 5px 20px 4px 16px !important; }

/*Header*/
header { background: #f0f0f0; background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(232, 232, 232) 100%); padding: 15px 0 15px 0; top: 0; left: 0; right: 0; z-index: 1; margin-bottom: 0; }

    header .navbar { clear: both; }

.contentPopUp { padding: 15px; }

/*Panel header*/
.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header { white-space: nowrap; overflow: hidden; }
.user-panel { position: relative; padding: 10px; overflow: hidden; float: right; display: inline-block; }
    .user-panel .image { margin-right: 15px; }
    .user-panel .info p { margin-bottom: 0; line-height: 12px; }
    .user-panel .info a { text-decoration: none; }
        .user-panel .info a .glyphicon { margin-right: 0; }
.glyphicon.glyphicon-one-fine-dot:before { content: "\25cf"; font-size: 1.5em; }
.contentmenu { background-color: #fff; margin-bottom: 20px; border-bottom: 1px solid #000; border-top: 1px solid #000; }
footer { background-color: #000; position: absolute; bottom: 0; width: 100%; height: 80px; padding: 25px 0; color: white; }
input:disabled, textarea:disabled { color: #000 !important; }
/*Menu*/
.navbar { border: none; border-radius: 0; background: none; margin: 0; box-shadow: none; min-height: 71px; }
    .navbar .navbar-collapse { padding-top: 20px; }
nav .navbar-nav li.dropdown { margin: 0 0 10px 12px; }
.navbar-nav li a { font-weight: 400; font-size: 16px !important; color: #000 !important; text-decoration: none !important; padding: 7px 18px 8px 18px; margin: 0; transition: background 0.5s ease, color 0.5s ease; background: none !important; }
    .navbar-nav li a:hover { color: #FFF !important; background: #fe0000 !important; }
.navbar-brand { padding: 0; height: 71px; }
nav .navbar-nav li.divider { display: none; }
.contentgrid { max-width: 100%; overflow: scroll; }
.navbar-default .navbar-toggle { background-color: #fe0000; transition: background 0.5s ease, color 0.5s ease; }
    .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background: #ec0000 !important; }


/*All the pages*/
.breadcrumb { background: none; padding: 0; margin-bottom: 25px; border-radius: 0; }
    .breadcrumb div { display: inline; }
    .breadcrumb a { margin-right: 5px; text-decoration: none; font-size: 13px; font-weight: 300 !important; color: #52336B; }
        .breadcrumb a:hover { text-decoration: underline; }
        .breadcrumb a.active { color: #786CAA; text-decoration: underline; }
.contentinner { padding: 210px 15px 45px 15px }
    .contentinner a { color: #7D5D9D; font-weight: 700; }
    .contentinner hr { border-color: #c7b9d5; margin: 45px 0; }
/*file upload*/
.fileUpload { position: relative; overflow: hidden; margin: 18px 0 10px 0; }
    .fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
.smallfont { font-size: 14px; }



/*COMBO*/
.custom-combobox { position: relative; display: block; }

.custom-combobox-toggle { position: absolute; top: 0; bottom: 0; margin-left: -1px; padding: 0; }

.custom-combobox-input { margin: 0; padding: 5px 10px; width: 90%; }
.ui-autocomplete { cursor: pointer !important; overflow: scroll; max-height: 400px; }

.ui-button { position: absolute !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #000 !important; background: none !important; }
/*Animations*/
@keyframes GrowItems {
    0% { transform: scale(1); }

    50% { transform: scale(1.03); }

    100% { transform: scale(1); }
}

@keyframes fadeInItems {
    0% { opacity: 0; }

    100% { opacity: 1; }
}

@media (min-width: 1200px) and (max-width: 1490px) {
    /*Como Funciona*/
    .lawyersfreelance { background-size: 100% 100%; }
}
/*Laptop*/
@media (min-width: 992px) and (max-width: 1200px) {
    /*General*/
    .btn { font-size: 16px; }
    /* TYPOGRAPHY*/
    h1, h2 { font-size: 30px; }

    h4 { font-size: 24px; }
    /*Header*/
    .navbar-brand img { width: 248px; }
    /*Menu*/
    nav .navbar-nav li { margin-left: 0; }

    .navbar-nav li a { padding: 7px 15px 8px 15px; }

    #ContentCarpeta .btn { padding: 0 12px 2px 12px; margin: 0; }
}
/*Table*/
@media (min-width: 768px) and (max-width: 992px) {
    /*General*/
    .btn { font-size: 16px; }
    /* TYPOGRAPHY*/
    body { font-size: 14px; }

    h1, h2 { font-size: 30px; }

    h4 { font-size: 23px; }

    h5 { font-size: 22px; }

    h6 { font-size: 18px; }
    /*Header*/
    .navbar-brand img { display: none; }
    /*Menu*/
    .navbar-nav li a { font-size: 13.2px !important; padding: 7px 12px 8px 12px; }

    nav .navbar-nav li { margin-left: 0; }

    .navbar-nav li a.active { border-radius: 12px; }

    #ContentCarpeta .btn { padding: 6px 12px; margin: 0; }
}
/*Big Mobil until down*/
@media (max-width: 767px) {
    /*General*/
    .btn { font-size: 12px; padding: 8px 18px 9px 18px; }
    /* TYPOGRAPHY*/
    body { font-size: 12px; }

    h1, h2 { font-size: 26px; margin-bottom: 30px; }

    h4 { font-size: 18px; }

    h5 { font-size: 20px; margin-bottom: 15px; }

    h6 { font-size: 18px; }
    /*Header*/
    header { background: #FFF !important; padding: 12px 0 0 0; }

    .headersocial, .headerlinks { display: none; }
    /*Menu*/
    .navbar { min-height: 53px; }

    .navbar-brand { display: block !important; float: none; height: 64px; }

        .navbar-brand img { width: 214px; margin: 0 auto; }

    .navbar-toggle { margin-right: 0; }

    #ContentCarpeta { padding-top: 30px; }

    .navbar-nav { margin: 0 0 20px 0; }

    #ContentCarpeta .btn { padding: 11px 12px 7px 12px; margin: 0; }
}
/*Small Mobil*/
@media (max-width: 360px) {
}

nav .navbar-nav li:first-child { margin-left: 0; }
.glyphicon { margin-right: 10px; }
/*Panel*/
.navbar-collapse { padding: 15px 0 0 0; }
.panel.with-nav-tabs .panel-heading { padding: 5px 5px 0 5px; }
.panel.with-nav-tabs .nav-tabs { border-bottom: none; }
.panel.with-nav-tabs .nav-justified { margin-bottom: -1px; }
.panel-default > .panel-heading { background-color: #fe0000; }
.with-nav-tabs.panel-default .nav-tabs > .open > a, .with-nav-tabs.panel-default .nav-tabs > .open > a:hover, .with-nav-tabs.panel-default .nav-tabs > .open > a:focus, .with-nav-tabs.panel-default .nav-tabs > li > a:hover, .with-nav-tabs.panel-default .nav-tabs > li > a:focus { text-decoration: none !important; color: #000 !important; background-color: #fff !important; }
.with-nav-tabs.panel-default .nav-tabs > li > a { color: #fff !important; }
.nav-tabs > li > a { text-decoration: none !important; color: #fff; }

.with-nav-tabs.panel-default .nav-tabs > li.active > a { color: #000 !important; }

/********************************************************************/
/*** PANEL DEFAULT ***/

.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus { color: #fff; }
.clickable { cursor: pointer; }
.panel-heading span { margin-top: -20px; font-size: 15px; }
.tab-pane .panel-primary > .panel-heading { background: transparent; border-bottom: 1px solid #000; border-top: 0; border-right: 0; border-left: 0; color: #000; padding: 10px 8px; }
.panel-primary { border: 1px solid #000; }

/*three levels*/
.dropdown-submenu { position: relative; }

    .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; }

    .dropdown-submenu:hover > .dropdown-menu { display: block; }

    .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; }

    .dropdown-submenu:hover > a:after { border-left-color: #fff; }

    .dropdown-submenu.pull-left { float: none; }

        .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }

.invisible-Oben { display: none; }
.invisible-Oben { display: none; }

.centrar {
    margin: auto;
    padding: auto;
    display: block;
}

.tabla-titulo thead tr th{
    width: 100px;
    font-weight: bold;
    color: #000;
    border-bottom: 1px solid #000;
}



.d-none {
    display: none;
}

.center-