/*RDI2k - TycInterfaces - Polo Ranch - theme*/
/*
Palette
	HEXA	-	RGB

	#000	-	0,0,0
	#FFF	-	255,255,255

-Principal
	#00303A	-	0,48,58
-des Principal
	#55757C	-	85, 117, 124
	#AABABD	-	170, 186, 189

-Secundarios
	#8AB2AB	-	138, 178,171
	#F0E4CC	-	240,228,204
	#E0D5BF	-	224. 213, 191

-Alertas
	#00D3FF	-	0,211,255
	#009983	-	0,153, 131
	#F0A000	-	240,160,0
	#CC001E	-	204,0 30

*/

@charset "UTF-8";
/* CSS Document */

/** Custom font definitions**/
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);

/* =Reset CSS
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
/*fieldset, form, label, legend,*/ {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    zoom: 1;
}

/*HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

button, input, select, textarea {
    overflow: visible;
    margin: 0;
    vertical-align: baseline;
    width: auto;
}

textarea {
    overflow: auto;
    vertical-align: text-top;
}


*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    line-height: 1.875em;
    width: 100%;
    text-align: center;
}

a {
    color: white;
}

small {
    font-size: 75%;
}

strong {
    font-weight: 700;
}

.clearfix {
    clear: both;
}

.btn {
    background: #0088cc;
    border-radius: 0;
    border: 0;
    font-weight: 400;
    text-shadow: none;
    box-shadow: none;
    text-transform: uppercase;
    color: white;
    cursor: pointer;
    border-radius: 3px;
}

    .btn:hover {
        background-color: #0088cc;
    }

    .btn:focus {
        background-color:#0088cc;
    }

.btn-small {
}

.btn-primary {
    background: none;
    background-color: #0088cc;
}

.btn-success {
    background: none;
    background-color: #0088cc;
}

.btn-info {
    background: none;
    background-color: #00D3FF;
}

.btn-warning {
    background: none;
    background-color: #F0A000;
}

.btn-danger {
    background: none;
    background-color: #CC001E;
}

.btn-link {
    background: none;
    color: black;
}

    .btn-link:hover {
        background: none;
    }

.btn-inverse {
    background: none;
    background-color: #000;
}

    .btn-inverse:hover {
    }

.fl-img {
    float: left;
    vertical-align: middle;
    padding: 3px 10px 7px 0;
}

.fl-right {
    float: right;
}

.fl-left {
    float: left;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.full-width {
    width: 100%;
}

h1, h2, h3, h4, h5 {
    font-family: 'Lato', sans-serif;
    color: #272727;
    text-transform: uppercase;
}

h1 {
    font-size: 1.5em;
}

p {
    margin: .5em 0;
    font-weight: normal;
}


.inner-wrapper {
    width: 100%;
    margin: 0 auto;
    max-width: 1600px;
    padding: 0 0 0 0;
}

.soft {
    opacity: .5;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    min-height: 30px;
}


/* Definiciones para bloque Cabecera (Header) 
*********************************************************/

header {
    position: fixed;
    width: 100%;
    background: rgb(0,100,150);
    /*padding: 6px 10px 2px 10px;*/
    z-index: 9999999;
    top: 0;
}

    header.fixed-to-top {
        position: fixed;
        z-index: 9999;
        height: 40px;
        overflow: hidden;
    }

    header .client-logo {
        /*background: url(../img/default-logo.png) no-repeat left center;*/
        background: url(../img/160_torneos_215x285.gif) no-repeat left center;
        float: left;
    }

    header .project-logo {
        background: url(../img/project-logo.png) no-repeat center center;
        display: inline-block;
    }

    header .client-logo, header .project-logo {
        width: 175px;
        height: 48px;
        margin: 0 10px;
        background-size: contain;
    }

body.signin header {
    padding: 0;
}

    body.signin header .client-logo, body.signin header .project-logo {
        display: inline-block;
        float: none;
        height: 128px;
        width: 20%;
    }


header .navbar {
    margin: 0;
    border-top: 1px solid transparent;
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out;
}

    header .navbar .nav {
        left: auto;
        right: 0;
        float: right;
    }

header .navbar-inner, header .navbar-fixed-top .navbar-inner, header .navbar-static-top .navbar-inner {
    background: none;
    min-height: 10px;
    margin: 0px auto 1px auto;
    border: 0;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: margin .3s ease-in-out;
    -15px -moz-transition: margin .3s ease-in-out;
    transition: margin .3s ease-in-out;
    filter: none;
}



header .navbar a.brand {
    display: none;
    width: 145px;
    height: 91px;
    background-size: cover;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

header .navbar .nav > li {
    font-family: 'Lato', sans-serif;
}

header .navbar .nav > h3 a, .navbar .nav > li > a {
    text-shadow: none;
    color: #C5C5C5;
    border: 1px solid transparent;
    margin: 0 2px;
    padding: 2px 2px;
    line-height: 1;
}

header .navbar .btn-navbar {
    background: none;
    filter: none;
    width: 40px;
    height: 40px;
    margin: 0 20px 0 0;
    padding: 5px 8px;
}

.navbar .btn-navbar:hover {
    background: rgba(0,0,0,.6);
}

.navbar .btn-navbar:focus {
    outline: none;
    background: rgba(0,0,0,.6);
}

.navbar .btn-navbar .icon-bar {
    width: 20px;
    color: #063;
}

header .widgets-wrapper {
    width: 50%;
    height: 48px;
    position: relative;
    float: right;
    padding: 0px;
    clear: right;
}

    header .widgets-wrapper img {
        float: right;
        width: 48px;
        height: auto;
    }

    header .widgets-wrapper .btn-user {
        margin: 8px 5px;
        float: right;
        text-shadow: none;
        /*color: #dd3333;*/
        color: white;
    }

/*entorno home */

.hero-unit {
    background: #E0D5BF;
    border-radius: 2px;
    /*	border:1px solid rgba(255,255,255,.65);
		outline: solid 10px #E0D5BF;*/
    outline: solid 1px #FFF;
    outline-offset: -10px;
    padding: 40px;
}

/* Definiciones para bloque Contenido
*********************************************************/

/* SIGN IN*/
body.signin {
    /*background: #3a87adb5;*/
    background-color: #006496;
}

    body.signin h1, body.signin h2 {
        /*color: #fff;*/
        color:black;
    }

    body.signin .login-wrapper {
        margin: 10px 0;
        margin-top: 11%;
    }

        body.signin .login-wrapper .module-signin {
            background-color: white;
            /*border: 1px solid rgba(255,255,255,.65);
            outline: solid 10px rgb(0,100,150);*/
            padding: 40px;
        }

            body.signin .login-wrapper .module-signin hr {
                border: none;
            }

.module-signin .input-block-level {
    min-height: 40px;
    font-size: 1.2em;
    font-family: 'Open Sans',sans;
    font-weight: 100;
}

#loadingModal .modal-wrapper {
    border: 1px solid #ccc;
    margin: 10px;
    padding: 10px;
}

#loadingModal h2 {
    color: #00303A;
    margin: 10px 0;
}

#loadingModal p {
    color: #AABABD;
}

.content-wrapper {
    text-align: left;
    /*margin-bottom: 60px;*/
    /*text-align:left;
      bottom: 0px;
      left: 0px;
      overflow: auto;
      position: fixed;
      right: 0px;
      top: 101px;
      z-index:1;*/
}

.content-wrapper-login {
    text-align: left;
    margin-bottom: 60px;
}

.top-spaced {
    padding-top: 40px;
}

.dataarea-wrapper {
}

.breadcrumb {
    text-align: left;
    background: none;
    margin-top: 7%;
}

.page-header {
    padding-bottom: 10px;
    margin: 0 20px 0 0;
    border-bottom: 1px solid #eeeeee;
}

.module-wrapper {
    position: relative;
    /*border:1px solid #ccc;*/
    padding: 0 0 1px 0;
    margin: 0 20px 20px 0;
    border-radius: 2px;
    -webkit-box-shadow: 2px 10px 35px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 2px 10px 35px 0px rgba(0,0,0,0.45);
    box-shadow: 2px 10px 35px 0px rgba(0,0,0,0.45);
    background: #F0F0F0;
}

    .module-wrapper h1, .module-wrapper h2, .module-wrapper h3, .module-wrapper h4, .table th, .table thead td, .table tbody tr.thead-fix td {
        padding: 2px 2px 2px 5px;
        color: white;
        /*background-color: #8AB2AB;*/
        background-color: black;
        border: 1px solid #8AB2AB;
    }

    .module-wrapper a.module-collapse-header:hover {
        text-decoration: none;
        cursor: pointer;
    }

.tabs-left > .nav-tabs {
    background: url(../images/TycInterfaces/side-nav-bg.png) no-repeat left top;
    background-size: 100% 100%;
    margin: 0;
}

.tab-content {
    padding-left: 20px;
    padding-bottom: 10px;
}

.tabs-left > .nav-tabs > li.nav-environment, .tabs-up > .nav-tabs > li.nav-environment {
    /*background: red;*/
    background: #0088cc;
    padding: 0px 5px 1px 5px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-bottom-left-radius: 2px;
    margin-bottom: 16px;
}

.tabs-up > .nav-tabs > li.nav-environment {
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-right-radius: 0px;
    width: 15%;
    margin-bottom: 0;
}

    .tabs-up > .nav-tabs > li.nav-environment h2 {
        font-size: .85em;
        line-height: 2.5em;
        white-space: nowrap;
        margin-bottom: 1px;
    }

    .tabs-left > .nav-tabs > li.nav-environment > a.nav-button, .tabs-up > .nav-tabs > li.nav-environment > a.nav-button {
        min-width: 32px;
        width: 32px;
        height: 32px;
        border-radius: 0;
        border: none;
        margin-right: 5px;
        padding: 9px;
    }

        .tabs-left > .nav-tabs > li.nav-environment > a.nav-button:hover, .tabs-up > .nav-tabs > li.nav-environment > a.nav-button:hover {
            background: black;
            color: red;
        }

.nav > li > a:hover, .nav > li > a:focus {
    /*background: black;
    color: red;*/
    background: white;
            color: rgb(0,100,150);
    transition: color 0.2s linear 0s;
}

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus {
    background: white;
    color: rgb(0,100,150);
    width: 100%;
}

.nav .dropdown-toggle:hover .caret {
    border-top: 4px solid rgb(0,100,150);
    transition: color 0.2s linear 0s;
}

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
    border-top-color: rgb(0,100,150);
}

.dropdown .dropdown-toggle:hover {
    background: white;
    color: rgb(0,100,150);
}

.dropdown .open:hover {
    /*background: black;
    color: red;*/
    background: white;
    color: rgb(0,100,150);
}

.nav li h2 {
    /* margin:18px 0 ;*/
    font-size: 1.2em;
    line-height: 1.8em;
    color: #fff;
}



.table th, .table thead td, .table tbody tr.thead-fix td {
    font-weight: 100;
}

    .table th a, .table thead td a, .table tbody tr.thead-fix td a {
        color: #fff;
    }

        .table th a:hover, .table thead td a:hover, .table tbody tr.thead-fix td a:hover {
            text-decoration: none;
            cursor: pointer;
        }



div.dd-actions {
    position: absolute;
    right: 10px;
    top: 10px;
}

.ABMLaction-bar {
    text-align: right;
}

.add-wrapper, .filter-wrapper {
    padding: 10px 20px 0px 20px;
    margin-bottom: 15px;
}

.row-action-col {
    width: 1%;
    min-width: 160px;
    max-width: 220px;
}

/*pagination*/
.pagination {
    margin: 0 20px;
}

    .pagination ul > li.active a {
        /*background-color:#55757C;*/
        background-color: #0088cc;
        color: white;
        cursor: pointer;
    }

    .pagination ul > li a:hover {
        /*background-color:#AABABD;*/
        background-color: #0088cc;
    }

    .pagination .info {
        min-width: 50%;
        text-align: right;
        float: right;
        font-size: .825em;
        margin-right: 10px;
    }

/*errors*/
.alert {
    border-radius: 2px;
}

.alert-success {
    color: #009983;
    background: rgba(0,153,131,.15);
}

.alert, .alert-block {
    color: #F0A000;
    background: rgba(240,160,0,.15);
}

.alert-info {
    color: #55757C;
    /*background:rgba(0,211,255,.15);*/
    background: rgba(255,15,15,.15);
}

.alert-error, .alert-danger {
    background: rgba(204,0,30,.15);
    border-radius: 2px;
    /*	border:1px solid rgba(255,255,255,.65);
		outline: solid 10px #E0D5BF;*/
    outline: solid 1px #FFF;
    outline-offset: -10px;
    padding: 40px;
    color: #CC001E;
}

    .alert-error h1 {
        color: #CC001E;
        font-weight: 400;
        line-height: 2em;
    }

    .alert-error ul {
        list-style: disc outside;
    }

    .alert-error hr {
        border-bottom: 1px solid #CC001E;
        margin: 20px 0 10px 0;
    }

.module-wrapper .alert-error {
    outline: none;
    outline-offset: 0px;
    padding: 8px 35px 8px 14px;
}

/*Fondo de los submenu cuando los enfocas*/
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    background: none;
    background-color: #272727;
}

/*general form objects*/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 0;
    border-color: #AABABD;
}
/* Definiciones para bloque Pie (Footer) 
*********************************************************/
footer {
    position: fixed;
    bottom: 0;
    width: 90%;
    height: 25px;
    font-size: .715em;
    line-height: .815em;
    z-index: 9999999;
    background: white;
    color: #fff;
    padding: 0 20px 0 20px;
}

    footer #session-timer {
        float: left;
        height: 100%;
        padding: 0 10px;
        line-height: 25px;
    }

    footer .widgets-wrapper {
        float: right;
        height: 100%;
        padding: 0 10px;
        line-height: 25px;
        background-color: #272727;
    }

.empleados {
    overflow: hidden;
    font-size: small;
    color: darkslategray;
}


/* Large desktop */
@media (min-width: 1200px) {
    ...
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    ...
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    html, body {
        font-size: 90%;
    }



    header .client-logo, header .project-logo {
        height: 48px;
    }

    body.signin header .client-logo, body.signin header .project-logo {
        height: 64px;
        width: 40%;
    }

    header .widgets-wrapper img {
        float: right;
        width: 32px;
        height: auto;
    }

    .content-wrapper {
        padding-left: 20px;
    }

    .row-fluid .controls-row [class*="span"] + [class*="span"] {
        margin-left: 0;
    }
}









/* Landscape phones and down */
@media (max-width: 480px) {
    ...
}



.organigramaTitulo {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
    color: #D20F0F;
}

.organigramaSector {
    font-size: 12px;
    font-weight: lighter;
    vertical-align: middle;
    background-color: #eee;
    color: #666;
}

.organigramaPersona {
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
}

.organigramaCargo {
    font-size: 10px;
    font-weight: lighter;
    vertical-align: middle;
    color: #666;
}

.red {
color: red;
}

/*2018-04-18*/

.torneos 
{
background: url(../img/201_LogoTorneos.jpg) no-repeat center center; 
height:600px;
background-size: contain;
}

header .client-logo2 {
        background: url(../img/160_torneos_215x285.gif) no-repeat left center;
        float: left;
        height:9em;
        width:120px;
        /*margin: 0 10px;*/
        background-size: contain;
    }

    header .project-logo2 {
        background: url(../img/project-logo2.png) no-repeat center center;
        display: inline-block;
        float: left;
        height:5em;
        width:140px;
        margin: 0 10px;
        background-size: contain;
    }