header > #tools_menu{
    background-color: #2F3641;
    height:56px;
}

header > #tools_menu a{
    vertical-align: middle;
    color:#f2942e;
}

header > #tools_submenu a i.label,
header > #tools_submenuL2 a i.label{
    font-size:16px;
}

header > #tools_submenu a,
header > #tools_submenuL2 a{
    color:#ffffff;
    vertical-align:middle;
}

header > #tools_submenu,
header > #tools_submenuL2{
    display:none;
    background: #f2942e;
    height:56px;
}   

header > #tools_menu section,
header > #tools_submenu section,
header > #tools_submenuL2 section{
    height:56px;
}   


/* Nuevo tools */

#tools .menu{
    background-color: #2F3641;
    height:56px;
    width: 100%;
    line-height: 56px;
}
#tools section.left{
    float: left;
}

#tools section.right{
    float: right;
}

#tools div.submenu_left{
    float: left;
}

#tools div.submenu_right{
    float: right;
}

#tools a{
    vertical-align: middle;
    color:#f2942e;
    position: relative;
    margin: 0 10px;
    height: 100%;
    display: inline-block;
    cursor: pointer;
}

#tools .menu a.active i {
    color: #FFFFFF;
}

#tools .menu a i.label,
#tools .icon-label{
    font-size:16px;
}

#tools .submenu a{
    color:#ffffff;
    vertical-align:middle;
}

#tools .submenu{
    display:none;
    background: #f2942e;
    height:56px;
    width: 100%;
    line-height: 56px;
}   

#tools section{
    height:56px;
}  

/* Mini Modal */

.minimodal #tools_modal_header h4 {
    color:white;
}

.minimodal .modal-dialog  {
    width: 385px;
}

.minimodal #tools_modal_header  {
    padding-left: 20px;
    padding-right:15px;
    background-color:#f2942e;
}
.minimodal .modal-footer  {
    text-align: center;
    padding: 20px 0;
}

.minimodal .modal-footer .btn  {
    padding-left: 0;
    padding-right: 0;
    width: 140px;
    margin: 0 10px;
}

/* Botones de colores */
.color-btn {
    display: block;
    width: 50px; height: 50px;
    border-radius: 25px;
}
.color-btn.active {
    border: 3px solid #9E9E9E;
    box-shadow: 0 0 1px #fff inset;
}

/* Botones de colores */
.color-btn {
    display: block;
    width: 50px; height: 50px;
    border-radius: 25px;
    cursor: pointer;
}
.color-btn.active {
    border: 3px solid #9E9E9E;
    box-shadow: 0 0 1px #fff inset;
}
.colors-catalog {
    padding: 0 15px 0;
}
.colors-catalog .col {
    float: left;
    width: 20%;
}
.colors-catalog .col .color-btn {
    margin: 15px auto;
}
.colors-catalog .col:nth-child(even) .color-btn {
    margin: 25px auto;
}
.colors-catalog .col:nth-child(even) {
    padding-top: 25px;
}

/* Catalogo de colores */
.colorcat-01 { background-color: #00ff00;}
.colorcat-02 { background-color: #009141;}
.colorcat-03 { background-color: #009896;}
.colorcat-04 { background-color: #ffff00;}
.colorcat-05 { background-color: #fdc700;}
.colorcat-06 { background-color: #00ffff;}
.colorcat-07 { background-color: #009ee0;}
.colorcat-08 { background-color: #6fcdee;}
.colorcat-09 { background-color: #e2001a;}
.colorcat-10 { background-color: #ec8b00;}
.colorcat-11 { background-color: #ff00ff;}
.colorcat-12 { background-color: #e3007c;}
.colorcat-13 { background-color: #000;}

#color-minimodal .modal-dialog {
    position: absolute;
    top: 50%;
    margin-top: -200px;
    left: 50%;
    margin-left: -193px;
}

#tools .menu section a.active,
#tools .menu section a.activeMenu ,
#tools .menu section .activeWithSubmenu{
    color:white;
}

#tools .menu section a.active i,
#tools .menu section a.activeMenu i,
#tools .menu section .activeWithSubmenu i{
    position:relative;
    z-index: 2;
}

#tools .menu section a i.label{
    font-size:16px;
}

#tools .menu section .activeWithSubmenu:after {
	content: '';
	position: absolute;
	top: 35px; left: 50%;
	height: 0; width: 0;
	margin-left: -30px;
	border: solid transparent;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #2f3641;
	border-width: 30px;
	pointer-events: none;
	z-index: 1;
}

/* Boton de selección de color */
.icon-btn-color-select {
 position: relative;
 top: 10px;
 display: inline-block;
 width: 35px; height: 35px;
 border-radius: 20px;
 border: 2px solid #fff;
}

 #tools_modal_body ul {
    display:block;
    position:static;
    box-shadow:inherit;
}

/* Listado de tipos de links */
.link-list {
    font-size: 20px;
    
}

.link-list li{
    margin: 0 auto;
}

.link-list li a {
    width: 100%;
    padding: 10px 20px;
    display: inline-block;
    color: #595E67;
    font-size: 16px;
    line-height: 20px;
}

.link-list li:hover {
    background-color: #EEEFF0;
}

.text_box{
    padding: 10px 20px;
    font-weight: bold;
}

.wrapper{
    padding: 20px;
    text-align: center;
}

.wrapper label, .wrapper input , .wrapper span{
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px; 
    display:block;
    text-align: left;
}
