/* This file is reserved for changes made by 
 * the user. It's often times a good idea to 
 * seperate your changes from the themes core.
 * It makes modifications, and future theme
 * updates much easier to apply.
-----------------------------------------------*/


/* These styles have been placed here for as 
 * they have a high chance of needing to be
 * changed if one decides to modify the header
-----------------------------------------------*/

/* navbar bottom border disabled by default */
.navbar {
    border-bottom: 1px solid transparent;
}
/* header button states - text colors */
.header-btns > div > button:focus {
    color: #666;
}
.header-btns > div > button:hover {
    color: #0094d2;
}
#content > .container {
    max-width: none !important;
}

.buttonGridModal{
    margin-left: 14px;
}
.gridModal .modal-dialog{
    width: 1100px;
}
/*---------------------------------------------
 * Place your custom styles or styles which 
 * have been generated with the customization 
 * tool below this line. 
----------------------------------------------*/
/* LAYOUTS */
body{
     background: transparent url('../img/bg.jpg') no-repeat scroll 0 0;background-size: cover;
}
.panel-heading,#sidebar-search, body.sidebar-collapsed #sidebar-search {
    background-image: none;
    background-color: #F3F3F3;
}
#content::after {
    background-color: transparent;
}
/* SIDEBAR */
#sidebar ul.sidebar-nav > li > a{background: #FFF;border-color: #ddd;}
#sidebar ul.sidebar-nav li ul.sub-nav{background: #F8F8F8;border-color: #ddd;}
ul.sidebar-nav li ul li .sidebar-title {border: medium none;float: none;}
.navbar{background-color:#FFF;background-image:none;} 
.navbar-brand{padding: 11px 0px 0px 20px;width: auto;}
.navbar-brand .navbar-logo{max-width: 160px;}
#sidebar{border-right: 1px solid #DDDDDD;}

ul.sidebar-nav > li > a .sidebar-title{width: 200px;}
body.sidebar-collapsed ul.sidebar-nav > li > a .sidebar-title{width: 240px;}

/*Others*/
.a-panel:hover{color:#666666;text-decoration: none;}
.a-panel:active{color:#666666;text-decoration: none;}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 0px;
}
.mediumIcon{font-size: 40px !important;float: left;margin-right: 20px;}
.mediumIcon+span{font-size: 20px; line-height: 45px;}
#content > .container {max-width: none;}
.clear{clear:both;}

/*Forms*/
.datepicker{margin-top: 0px;}
form#tablaForm {font-size: 11px;}
.chosen-container-single .chosen-single div b {background-position: 0 8px;}
.chosen-container-active.chosen-with-drop .chosen-single div b {background-position: -18px 8px;}

/*DateTimePicker*/
.timepicker-picker td span {
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 30px !important;
    margin: 2px 1.5px;
    width: 54px !important;
}
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute {margin-left: 24px;}
.bootstrap-datetimepicker-widget .btn {color: #666666;}.bootstrap-datetimepicker-widget .btn:hover {color: #666666;}

/* Edit */
.cke_contents {height: 400px !important;}
.cke_editable {line-height: 1.1em}
.cke_editable p {margin: 5px 0 5px 0;}

/* Grid */
.dataTable thead{border-bottom: 1px solid #DDDDDD;background-color: #F8F8F8}
.dataTable tr:hover{cursor: pointer;}
.squareColor{width: 100%;height: 25px;}
.table-hover > tbody > tr:hover > td{background-color: #e9e9e9 !important;}

textarea.form-control {resize: none;padding-right: 45px}
.image {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 10px;
    width: 550px;
}
.wide {
    width: 735px;
}
.small {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 10px;
    width: 363px;
}
.image .fileinput{
    display: block;
    margin-bottom: 0px;
    float: left;
}
.small .fileinput{
    margin-bottom: 0px;
}
.image .imageFields{
    float: left;
    margin-left: 20px;
}
.image .chosen-container {
    display: block;
    width: 425px !important;
}
.image .fileinput .thumbnail{
    height: 250px;    
    width: 250px;
}
.image label, .small label {
    font-weight: bold;
}
.fileinput{display: block;}
.input-group-lang{
  width: 100%;  
}
.input-group-lang input.form-control{
  border-radius: 4px;
}
.input-group-addon.langISO{padding: 5px 0px;}
.cklite .note-editor{margin-bottom: 0;overflow: hidden;box-shadow: none}
.cklite .note-editable{min-height: none}
.cklite .note-editing-area{}
.cklite .note-statusbar{display: none;}
.cke_bottom, .cke_top{background-color: #F3F3F3 !important;}
a[title="Ver Servidor"]{margin-top: 18px !important;}
.cklite .note-toolbar.panel-heading {
    background-color: #eee;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    position: absolute;
    right: 39px;
    top: 0;
    z-index: 1;
    height: 33px;
    border-radius: 0 0 0 4px;
}
.cklite + .well {
    border-radius: 0 4px 4px 0;
    line-height: 36px;
    min-height: 40px;
    min-width: 40px;
    padding: 2px 12px;
    position: absolute;
}
.note-popover .popover .popover-content > .btn-group, .panel-heading.note-toolbar > .btn-group {
    margin-left: 0;
    margin-right: 5px;
    margin-top: 1px;
}
.btn-file > input{width: 0}
.btn-file{background-color: #EEEEEE;}
.int-input {position: relative;}
.input-group .ui-spinner .form-control:first-child {border-radius: 4px 0 0 4px;}
.ui-spinner-input {min-height: 0px;}
.checkbox-inline{font-weight: bold; padding: 0 0 0 20px;}
.checkbox-inline div{float:left;}
fieldset .checkbox-inline{width:250px;}
fieldset.image .checkbox-inline{width: auto;margin-bottom: 3px;}
fieldset.image .form-group{margin-bottom: 7px;}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    margin-right: 15px;
    margin-left: 0;
    padding-left: 0;
    padding-top: 0;
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {margin-left: 0px;}

input#visible{width: 0;float: left;}
div.checker input+label {
    display: -moz-inline-box;
    display: inline-block;
    text-align: center;
    *display: inline;
    zoom: 1;
    background-position: 0 -260px;
}
div.checker input:checked+label { background-position: -76px -260px;}
div.checker input+label{width: 19px;height: 19px;}
div.checker input+label{ 
    background-image: url("../img/form/sprite.png");
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
}
.note-editable.panel-body {min-height: 300px;}
.cklite .note-editable.panel-body {min-height: 39px}
textarea.form-control.seo {height: 120px;}
.form-horizontal .form-group {margin-left: 0;margin-right: 0;position: relative;}
.modalBack{background-color:black;opacity:0.4;width:100%;height:100%;z-index:1000;position:fixed;}

/* Menu */
ul.sidebar-nav .navIcon {border-right: 1px solid #c9c9c9;width: 40px;height: 45px;text-align: center;line-height: 45px;font-size: 18px;float: left;margin-right: 10px;padding-right: 4px;margin-left: 2px;top: 0;}
ul.sidebar-nav .sub-nav .navIcon {border-right: none;width: 40px;height: 35px;text-align: center;line-height: 20px;font-size: 18px;float: left;margin-right: 10px;padding-right: 4px;margin-left: 2px;top: 0;}
ul.sidebar-nav ul.sub-nav > li > a, ul.sidebar-nav ul.sub-nav > li:last-child a {padding: 12px 8px;}
ul.sidebar-nav li > a:hover .navIcon, body.sidebar-collapsed ul.sidebar-nav li > a:hover .navIcon {color: #D9534F;}
body.sidebar-collapsed ul.sidebar-nav ul.sub-nav > li > a {padding: 12px 8px;}
body.sidebar-collapsed ul.sidebar-nav ul.sub-nav {width: 240px;}
/* Usuarios */
.user-menu .dropdown-signout {border-left: none}

/*File Manager*/
.elfinder-button,.elfinder-button:before,.elfinder-button:after{-moz-box-sizing: content-box !important;}
.ui-resizable-handle.ui-resizable-se.ui-icon.ui-icon-gripsmall-diagonal-se{display: none !important;}
.ui-state-default.elfinder-navbar.ui-resizable{height: 100% !important;}
#elfinder div[title="Editar fichero"]+span,#elfinder div[title="Editar fichero"]+span+div,#elfinder div[title="Sobre este programa"],.ui-widget-content.ui-corner-all.elfinder-buttonset:last-child{display: none;}

/*Grid Filters*/
.opciones{position: absolute;margin: 0;padding: 0; top: 34px;right: 0;white-space: nowrap;z-index: 1000;}
.opciones li{list-style: none ;display: block;margin: 0;height: 34px;width: 41px; background-color: #555555;z-index: 100000; border: 1px solid #CCCCCC;color: #EEEEEE;font-size: 15px;font-family: arial;font-weight: bold;line-height: 1;text-align: center;padding-top: 9px;}
.input-group-addon{position: relative;}
.panel{overflow: visible;}
.panel-heading {overflow: visible;}
.opSign{color: #555555;font-size: 20px;font-family: arial;font-weight: bold;line-height: 1;text-align: center;padding: 0;} 
.inputRight {border-left: none;border-radius: 0 4px 4px 0 !important;display: none;}
.deleteRow{padding:6px 8px;margin-left:5px;}
.caret-white{border-color: #FFF rgba(0, 0, 0, 0) -moz-use-text-color;}
.tabState {border: 1px solid #666666;float: left;width: 120px;color:#666666;cursor: pointer;padding: 5px;height: 50px;}
.blockTabs {overflow: hidden;width: 100%;}
.tabsBackground .nav-tabs > li > a {
    background-image: none;
    text-shadow: none;
    color: #333333;
    padding: 5px 10px;
}
.tabsBackground .nav-tabs > li.active > a, .tabsBackground .nav-tabs > li.active > a:hover, .tabsBackground .nav-tabs > li.active > a:focus {
    border-color: transparent;
    color: #333333;
}
.tabsBackground .nav-tabs > li > a:hover {
    text-decoration: underline;
}
.tabsBackground .panel{
    margin-bottom: 0px;
}
.tabsBackground .tab-content{
    padding: 8px;
}
.tab-content{
    z-index: auto;
}
.form-group.row.note-group-select-from-files input[type="file"]{
    box-shadow: none;
    border: none;
    padding: 0;
}

/*Reducciones de Tamaño*/
.panel-heading{font-size: 13px;height: 38px;line-height: 26px;padding: 5px 15px;}
.panel-title{font-size: 13px;padding-top: 1px;}
.table-striped > tbody > tr > td {padding: 2px 8px !important;}
.filtersPanel .btn,.gridPanel .btn,.gridModal .dataTable .btn{line-height: 1.1;padding: 4px 9px;}
.filtersPanel .form-control,.gridPanel .form-control{font-size: 13px;height: 26px;padding: 0px 5px;}
.opSign{font-size: 15px;line-height: 1;padding: 0;}
.filtersPanel .input-group-addon{min-width: 25px;}
.opciones{margin: 0;padding: 0;right: 0;top: 26px;}
.opciones li{font-size: 13px;height: 26px;line-height: 1;margin: 0;padding-top: 4px;width: 26px;}
.deleteRow {padding: 4px 5px !important}
.filtersPanel .chosen-container-single .chosen-single{height:26px;}
.filtersPanel .chosen-container-single .chosen-single span{line-height: 24px;}
.filtersPanel .chosen-container-single .chosen-single div b {background-position: 0 3px;}

form fieldset{
    border: 2px solid #CCC;
    padding:12px;
    float: left;
}
form fieldset.noBorder{
    border: none;
}
form fieldset.large{
    width: 900px;
}
form fieldset legend{
    border: none;
    width: auto;
    font-size: 13px;
    margin: 0;
    padding: 0 5px 0 5px;
    font-weight: bold;
}
form fieldset label{
    font-weight: 400;
}
.form-control{
    padding: 4px 12px;
    height: 
}
.nav-tabs > li > a {
    font-weight: 400;
}
.nav-tabs > li.active > a {
    font-weight: 700;
}

.progress{margin: 0 0 25px 0;margin-top: 0}
.col-sm-12 {float: left;}
.formGridPopUp button {
    margin-top: 24px;
}
.formGridPopUp{
    border: 1px solid #666666;
    padding:15px;
    margin-top: 10px;
}
.formGridPopUp .checker.vertical input{
    display: none;
}
.langsSelection{
    margin-top: -2px;
}
.langsSelection a{    
    border: 1px solid #ccc;
    padding: 4px 10px;
}
.well {
    background-color: #eee;
    border: 1px solid #ccc;
    color: #555;
    font-size: 14px;
    line-height: 27px;
    min-height: 38px;
    min-width: 42px;
    padding: 4px 12px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 24px;
    z-index: 1000;
}
.tagsBlock .well {
    right: -1px;
    top: -9px;
}
.hide{
    display: none;
}
textarea.hide+.note-editable,textarea.hide+.note-editor{
    display: none;
}
textarea.hide + .cke {
    display: none;
}
.tm-tag.tm-tag-info {
    border: none;
    background-color: #008de0;
    color: white;
    padding: 5px;
}
.tm-tag .tm-tag-remove {
    color: #fff;
    opacity: 1;
}
.ui-autocomplete{
    background-color: #EEE;
    width: 520px !important;
    list-style: none;
    z-index: 10000000;
}
.ui-autocomplete li{
    padding: 10px;
}
.ui-helper-hidden-accessible{
    display: none;
}
.tagsBlock{
    width: 550px;
    position: relative;
    padding-right: 50px;
}
.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #EEE;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-right-width: 2px;
  border-bottom-width: 2px;
}
.ui-menu-item > a.ui-corner {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;

}
.ui-state-hover, .ui-state-active {
      color: #ffffff;
      text-decoration: none;
      background-color: #0088cc;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      background-image: none;
}

@media screen and (max-width: 950px) {
  .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{
        width: 100%;
        margin-bottom: 15px;
  }
  .form-group {
    margin-bottom: 0px;
  }
}


@media screen and (min-width: 951px) {  
  label.vertical div{width: 100%;margin: 0;text-align: center;padding-top: 10px;cursor: default;}
  label.vertical{margin-right: 20px;cursor: pointer; text-align: center;margin: 0 auto;width: 100%;}
}
.chosen-container{
  width: 100% !important;
}