/* LINKS */
/*____________________________________*/

.level-1 {  box-shadow: 0 0 4px rgba(150, 150, 150, 0.3); }
.level-1-top {  box-shadow: 0 -2px 2px rgba(150, 150, 150, 0.3); }

/* main */
a { color: #FF0081; }
a:hover, a:active { color: #008CFF; }

/* form */
form a { color: #FF0081 !important;}
form a:hover, form a:active { color: #008CFF !important; }

/* table */
td a{ color: #008CFF !important; }
td a:hover, a:active, a:focus { color: #FAA227 !important;}

/* button */
a.action:hover .text{ color: #FAA227; }
a.action .text{ color: #008CFF; }
.preview .action .text { color: #fff; }
a.delete .text { color: #DB2428; }
a.delete:hover .text { color: #FF0000 !important; text-decoration: none; }

.smaller{font-size: 80%;}
.bigger{font-size: 120%;}

a:hover [class^="icon-"], a:hover [class*=" icon-"] {
    background-color: #FAA227 !important;
}

/* topbar login */
#topBar .login li a { color: #FF0081; }
#topBar .login li a:hover { color: #07ADF4; }

/* MENU */
/*____________________________________*/

#menuBar .element-off { opacity: 0.5 }

/* first level */
#menuBar .selected {  background-color: #ff9500; }
#menuBar .element:hover .text, #menuBar .opened:hover .text { background-color: #041525;}

#menuBar .opened .text { background-color: #ff9500; }

/* second level */
#menuBar .sub-selected { background-color: #35A4FF; border-left: 1px solid #ff9500; }
#menuBar .subelement:hover .text { background-color: #041525; }

/* FORM */
/*____________________________________*/

#map-canvas { border: solid 1px #FF0081; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

#map-canvas img { max-width: none;}
select, input, textarea, .input, #uploadSelectArea { background-color: #fff; border-color: #B5C7D3; }
label {  color: #333333; }

.form-box{
    background-color: #fff;
    border: 1px solid #B5C7D3;
}

tr.form td{  background-color: #FFFFDA;}
/* buttons */
a.submit, input.submit, input[type="submit"]{ background-color: #FF0081 ; border-color: #FF0081 ; }
a.submit:hover, input.submit:hover, input[type="submit"]:hover{ background-color: #FFF2FC ; color: #FF0081 !important; border-color: #FF0081 ; }

form .cancel, input.cancel, a.cancel{  background-color: #FE9500 ; border-color: #FE9500 ; }
a.cancel:hover, input.cancel:hover{ background-color: #FFF5E8 ; color: #FE9500 !important; border-color: #FE9500 ; }


.sceditor-container {
    background-color: #fff !important;
    border-color: #B5C7D3 !important;
    padding: .6em 1.4em .5em .8em;
}

/* sortable */
.ui-state-highlight td{ background: #7FC5FF; }

.progress { border-color: #FF0081; }
.progress .bar {  background: #FF0081 !important;}

/* Datepicker */
/*____________________________________*/

.ui-widget-header {
    background: none repeat scroll 0 0 #FF0081 !important;
    border: 1px solid #FF0081 !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
}
.ui-state-highlight {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 1px solid #CCCCCC !important;
    color: #FF0081 !important;
}
.ui-state-hover{
    background: none repeat scroll 0 0 #FF0081 !important;
    border: 1px solid #FF0081 !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
}


/* LOGIN */
/*____________________________________*/

#login .logo, #controller-login .logo {
    margin: 15px 0 15px 27px !important;
}

#login .brand-5 .logo, #controller-login .brand-5 .logo {
    margin: 15px 0 15px 27px !important;
}


[class^="icon-"], [class*=" icon-"] {
    background-color: #008CFF;
    margin-top: 0 !important;
    margin-right: 3px;
 
}

a:hover [class^="icon-"], a:hover [class*=" icon-"] {
    background-color: #008CFF;
}

/**/

#controller-index, 
#controller-index * {
 -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#controller-index #frame {height: 100%; width: 100%; text-align: center; position: relative;}

.section-menu  { clear:both; width: 100%; padding:0; text-align: center} 
#controller-index .section-menu  { clear:both; margin: auto; position: relative; width: 75%; padding:0; max-width: 960px} 

.section-menu  li {vertical-align: top; list-style-type: none;  display: inline-block; width: 90px;  position: relative }
#controller-index .section-menu  li { width: 18%; min-width: 120px;  margin-top: 30px;}

.section-menu li img { 
    border: solid 1px #999999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.section-menu li img { width: 60%; margin:20% 0 8% 0; }
#controller-index .section-menu li img { width: 74%;  }

.section-menu .web img, .section-icon-web img { border-color: #E0117C;}
.section-menu .calendar img, .section-icon-calendar img{ border-color: #00C900;}
.section-menu .ayuda img, .section-icon-ayuda img { border-color: #B58503;}
.section-menu .blog img, .section-icon-blog img { border-color: #3F00FF;}
.section-menu .plv img, .section-icon-plv img { border-color: #C96910;}
.section-menu .facetab img, .section-icon-facetab img { border-color: #00A3FF;}
.section-menu .micuenta img, .section-icon-micuenta img { border-color: #888888;}
.section-menu .news, .section-icon-news img img { border-color: #5C5960;}

.section-menu li a {color: #777777; font-size: 13px; }
.section-menu li a:hover, #controller-index .menu li a:focus { color: #000000;  }
.section-menu  a:hover img, .section-menu  a:focus img{ box-shadow: 0 0 12px rgba(100,100,100,0.4)}

.section-menu  .notification { background: #E51013; position: absolute; right:0; top: 0; margin-right: 5%;
    color: #ffffff;
    margin-right: 9%;
    margin-top: 15%;
    height: 30px;
    width: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    padding:0;
    border: solid 1px #870909;
    line-height: 30px;
    font-size: 15px
}

#controller-index .notification { height: 20px; width: 20px; line-height: 20px; font-size: 13px}

@media (min-width: 767px) { 
    #controller-index .section-menu .notification
    {
        height: 20px;
        width: 20px;
        line-height: 20px;
        font-size: 13px
    }
    #controller-index .section-menu  li a { font-size: 15px;}

}

@media (min-width: 991px)  {
    #controller-index .section-menu  .notification
    {
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 15px
    }
    #controller-index .section-menu  li a { font-size: 17px;}
}

@media (min-width: 1200px) {
    #controller-index .section-menu .notification
    {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 18px;
    }
    #controller-index .section-menu  li a { font-size: 20px;}
}

.section { margin-bottom: 35px;}
.section .text { padding-left: 60px !important; text-align: left !important; margin-left: 20px;}
.section .section-icon { float: left; }
.section .section-icon img {  border: none; height: 65px; padding: 5px; position: relative;  }


#section-selector {
  background: #F3F3F3;
  padding-bottom: 0px;
  box-shadow: 0 0 5px rgba(100, 100, 100, 0.5);
  position: fixed;
  left: 250px;
  right: 0;
  z-index: 10
}

@media (max-width: 1024px) {
    #section-selector {
        left: 0;
    }
}

#section-selector #navigation {
  transition: All 0.4s ease;
  -webkit-transition: All 0.4s ease;
  -moz-transition: All 0.4s ease;
  -o-transition: All 04s ease;
  background: #F3F3F3;
  position: relative;
  z-index: 11;
  padding: 0;
  height: 115px;
  margin-top: -113px;
  height: 215px;
  margin-top: -213px;
  display: flex;
  align-items: center;
}

#section-selector .opener { 
  background:  #F3F3F3;
    border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;
    height: 60px;
    left: 49.5%;
    margin-top: -60px;
    position: relative;
    top: 28px;
    width: 60px;
    display: block;
    z-index: 10;
    box-shadow: 0 0 5px rgba(100,100,100,0.5);
    color: #008cff;
    font-size: 10px;
    line-height: 87px;
    vertical-align: bottom;
    text-align: center;
}

.navbar .btn-navbar { background: #008cff !important; border: none !important; padding: 14px 11px 14px 15px !important;}
.navbar .btn-navbar:hover { background: #FAA227 !important; }


.selector-opened #section-selector #navigation { margin-top: 0;}
.selector-opened #section-selectorNONO.opened .opener { background: #DDDDDD; z-index: 10}

#main, #topBar {
 -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.selector-opened #mainNONO, .selector-opened #topBarNONO { 

    filter: blur(3px); -webkit-filter: blur(3px); -moz-filter:  blur(3px);
-o-filter:  blur(3px); -ms-filter: blur(3px);
filter: url("data:image/svg+xml;utf9,<svg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'><filter%20id='blur'><feGaussianBlur%20stdDeviation='3'%20/></filter></svg>#blur");
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); 
}


/*------------------
    MOTOR RESERVA
--------------------*/
.calendar .ui-state-default {font-weight: normal !important; background: #DDD !important; border-color: #DDDDDD !important; opacity: 0.99 }
.calendar td.past a{font-weight: normal !important; opacity: 0.5}
.calendar td.highlight a {border-color: #000000 !important; opacity: 1;}
.calendar td a:hover, .calendar td a:focus {opacity: 1 !important; color: #000000 !important;}


.calendar .state-1 a{background: #94E57B !important;} 
.calendar .state-2 a{background: #F7ADB2 !important;} 
.calendar .state-4 a{background: #F7CE67 !important;} 

/*.calendar .state-3 a{background: rgba(237, 54, 66, .4) !important;}*/

.calendar .ui-datepicker {padding: 0; border: none}
.calendar .ui-widget-content { background: none;}
.calendar .ui-widget-header { background: #DDDDDD !important; color: #000000 !important; font-weight: normal !important; border-color: #DDDDDD !important}
.calendar .ui-state-highlight {color: #000000 !important;}

#controller-calendar-card #box-form-state,#controller-calendar-card #box-form-price, #controller-calendar-card .tab_selector{display: none;}
#controller-calendar-card .tab_selector{margin-right: 20px;}

.date-range{font-weight: 100;font-size: 21px;}

#radioBtn .btn-sm{margin: 1px 2px;background:#DDD;float: left;width: 28px;height: 22px;padding: 0px !important;text-shadow: none !important;background-position: 0 0px;}
.single-date{margin-top: 20px;}
.multi-date{border-top: solid 1px #CCC;margin-top: 20px;}
.multi-date-label{float: left; width: 30px;margin-top: 4px;}
.multi-date-input-group{margin-top: 15px;margin-bottom: 15px;}

#box-form-price .one-day #radioBtn .std-3{display: none;}
#box-form-state .one-day #radioBtn .std-0{display: none;}

#box-form-state #radioBtn .std-0{background: #FFF !important;}
#box-form-state #radioBtn .std-1{background: #94E57B !important;}
#box-form-state #radioBtn .std-2{background: #F8AFB3;}
#box-form-price #radioBtn .std-3{background: #FFF !important;}
#box-form-price #radioBtn .std-1{background: #91DEFF;}
#box-form-price #radioBtn .active.std-1{width: 55px;}
#box-form-price #radioBtn .std-0{background: #FFF;box-shadow: none;color: #888 !important;font-size: 11px;line-height: 23px;}
#radioBtn a{
    box-shadow: none;
    color: #FFF;
    margin: 1px 2px;
    width: 28px;
    border: 1px solid #CCC;}
#radioBtn a:hover, #radioBtn a.active{
    color: #000 !important;
    border: 2px solid rgb(255, 0, 129);
    border-radius: 3px !important;
    margin: 0px 1px;
    opacity: 1;
}
#box-form-price #radioBtn .std-1 input{
    display: none;
    border: 0px none;
    border-radius: 0px;
    width: 23px;
    float: left;
    margin: 0px 0px 0px 5px !important;
    background: none repeat scroll 0% 0% #CEECFF;
    padding-right: 0px;
    padding-left: 9px;
    height: 12px;
    color: rgb(85, 85, 85) !important;
    font-size: 13px;
}
#box-form-price #radioBtn .active.std-1 input{display: inline;}
#box-form-price #radioBtn .std-1 div{
    display: none;
    background: #CEECFF;
    float: left;
    width: 18px;
    height: 22px;
    color: #21A8FF !important;
    line-height: 22px;
    font-size: 13px;
}
#box-form-price #radioBtn .active.std-1 div{display: inline;}

.btn-group > .btn{border-radius: 0px !important;}

#controller-calendar-card .ui-state-hover:before{background: transparent !important;border-color: transparent !important;}
/*.ui-state-hover span{background-color: #FF0081 !important;border-radius: 8px;background-image: url('images/ui-icons_ffffff_256x240.png') !important;}*/

#loading{position: absolute;z-index: 9999;left: 50%;top: 75px;text-align: center !important;padding: 9px 22px;}

.calendar .ui-widget-content {border: 0px;padding: 0px !important;}
.calendar .ui-corner-left {border-bottom-left-radius: 0px;}
.calendar .ui-corner-right {border-bottom-right-radius: 0px;}

#box-form-state, #box-form-price {position: relative;}
.box-selector{position: absolute;top: -35px; right: 8px;}
.box-selector a{background: #CCC;padding: 10px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.box-selector a:hover{cursor: pointer;background: #FFF;}
.box-selector a.selected{background: #FFF;}
.tab_state{float: left;border-right: 1px solid #CCC;}
.tab_price{float: left;}
.calendar .ui-datepicker-calendar td span, .calendar .ui-datepicker-calendar td a {width: 27px;height: 32px;padding: 1px 1px 0px 1px !important;}
.calendar .ui-datepicker-calendar td a {position: relative;font-size: 11px;}
#controller-calendar-card div.tooltip-inner{width: 95px !important;}
.calendar .ui-datepicker-calendar td a:before{
    content: "";
    display: block;
    position: absolute;
    height: 16px;
    right: 0px;
    top: 0px;
    z-index: -1;
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
}
.calendar .ui-datepicker-calendar td a:after{
    content: "";
    display: block;
    text-align: center;
    font-size: 10px;
    margin-top: 4px;
}
.calendar .ui-datepicker-calendar .price-1 a:after{color: #009DFF;}
.calendar .ui-datepicker-calendar .price-0 a:after{color: #888;}

#controller-calendar-card #box-form-standar-price{margin-top: -5px;}
#controller-calendar-card #box-form-standar-price input{width: 95.5%;}


/* SUPPORT */

#ticket-dt-cards .header, #ticket-dt-cards-www .header{display:none;}
#ticket-dt-cards td, #ticket-dt-cards-www td{border: 0px;padding-top: 16px;}
#ticket-dt-cards tr:hover, #ticket-dt-cards-www tr:hover{background: none;}
#ticket-dt-cards .alert, #ticket-dt-cards-www .alert{font-size: 13px;color: #000;}
#ticket-dt-cards .alert-info, #ticket-dt-cards-www .alert-info{background-color: #FFF;border-color: #BBB;}
#ticket-dt-cards .alert-success, #ticket-dt-cards-www .alert-success{border-color: #FF9500;background-color: #FFF3E2;}
#ticket-dt-cards .ticket_image, #ticket-dt-cards-www .ticket_image{margin-top: 25px;}
#ticket-dt-cards .date, #ticket-dt-cards-www .date{margin-top: 0px;color: #BBB; font-size:12px; float: right;position: relative;top: -25px;right: -35px;}
#ticket-dt-cards .customer .date, #ticket-dt-cards-www .customer .date{float: left;right: auto;left: -15px;}
#ticket-dt-cards .name, #ticket-dt-cards-www .name{margin-top: 5px;}
#ticket-dt-cards .text, #ticket-dt-cards-www .text{width: 100%;clear: both;}
#ticket-dt-cards .dataTables_empty, #ticket-dt-cards-www .dataTables_empty{display: none;}
#ticket-dt-details .row-unread td, #ticket-dt-details-www .row-unread td, #help-dt-messages .row-unread td, #lead-card-dt-tickets .row-unread td, #controller-adm-billing .row-unread td{
    background: #FFEEB5;font-weight: bold;
}
#help-dt-messages .help-big .popover {width: 500px;}

.box-with-selectorNONO {position: relative;}
.lang-box-selector {  position: relative; float: right; top: -49px; color: #bbbbbb; }
.lang-box-selector a { width:23px; text-align: center; padding: 5px 8px; line-height: 16px; float: left; background: #ECECEC; border-right: solid 1px #CCC;  -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius:  5px 5px 0 0;}
.lang-box-selector .selected { color: #555555; cursor: normal; border-color: #FFFFFF; background: #FFFFFF; }


/* OPINIONS */
#opinion-dt-details .opinion_std{border: 1px solid transparent;margin: 1px;background:#DDD;float: left;width: 28px;height: 22px;padding: 0px !important;text-shadow: none !important;background-position: 0 0px;}

#opinion-dt-details .std-1{background: #94E57B !important;opacity: 0.4; box-shadow: none;}
#opinion-dt-details .std-2{background: rgba(237, 54, 66, 0.2);box-shadow: none;}

#opinion-dt-details .active, #opinion-dt-details .opinion_std:hover, #opinion-dt-details .opinion_std:focus{border-color: #000 !important;opacity: 1;}
#opinion-dt-details .std-2.active, #opinion-dt-details .std-2:hover, #opinion-dt-details .std-2:focus{background: rgba(237, 54, 66, 0.45);}

#opinion-dt-details .row-unread td{background: #FFEEB5;font-weight: bold;}


/* BOX CONTENT */

.content-title { font-size: 20px !important; color: blue;}
.content-title .none, .content-text .none { color: #777; font-style: italic;}
.content-text { }

/* BOX SEO */

.seo-browser { }
.google-bar { background: #F1F1F1; padding: 10px; border: solid 1px #CCCCCC}
.seo-logo { float: left;  margin: 3px 0 0 0;}
.google-bar .keywords { border: solid 1px #CCCCCC; padding: 5px; margin-left: 77px; background: #FFFFFF; font: 13px arial,sans-serif; color: #222222;}

.seo-page { font-weight: normal; font-family: arial,sans-serif; padding: 15px 10px 15px 10px; border: solid 1px #CCCCCC; border-top: none }
.seo-title { overflow: hidden; color: #1a0dab; font-size: 18px;  white-space: nowrap;  }
.seo-url { overflow: hidden; color: #006621; font-size: 14px;  white-space: nowrap; }
.seo-desc {  color: #545454; line-height: 1.4; font-family: arial,sans-serif;  font-size: small;}
.seo-desc .date { color: #808080;}

/* BOOK */
#controller-book-config .book_time_range{float: left;width: 8%;border: 1px solid #CCC;padding: 3px;text-align: center;}

/* BOOK INBOX RESTAURANT */
#controller-book-inbox #book-dt-rest-books tr.search{display: none;}
#controller-book-inbox .ui-datepicker-calendar .ui-state-active:not(.ui-state-highlight){
    background: #008CFF !important;
}
#controller-book-inbox .ui-datepicker{margin: auto;padding: 0px;}

#controller-book-inbox .table p.pending{width: 90%;text-align: center;border-radius: 3px;color: #FFF;background: rgb(255, 149, 0);border: 1px solid rgb(255, 149, 0); }
#controller-book-inbox .table p.accepted{width: 90%;text-align: center;border-radius: 3px;color: #FFF;background: #50C200;border: 1px solid #50C200;}
#controller-book-inbox .table p.rejected{width: 90%;text-align: center;border-radius: 3px;color: #FFF;background: #FF3838;border: 1px solid #FF3838;}
#controller-book-inbox fieldset.submit a, 
#controller-book-inbox input.submit, 
#controller-book-inbox input.cancel, 
#controller-book-inbox a.submit, 
#controller-book-inbox a.cancel, 
#controller-book-inbox input[type="submit"]{margin: 0px;}


/* HELP */

.help-icon { 
    margin-left: 13px; padding: 8px; 
    background: url("../images/cpanel/help.png") no-repeat scroll center 3px / auto 90% #cee747;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
     width: 50px;
     display: inline-block;
}
.help-block { border: solid 2px #cee747; background: #FFFFFF; margin-top: -20px; margin-bottom: 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}

/* SUPPORT-BUTTON */
/*#ticket-button a:hover{background: #CCC;}
#ticket-button a{
    display: block;
    color: #555 !important;
    padding: 10px 15px;
    background: #F3F3F3;
    margin-top: 11px;
    margin-right: 15px;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}*/


.rrss_icon { width: 25px; height: 25px; margin-right: 5px} 

#controller-stats  .pagination ul {
    box-shadow: none; border-radius: none;
}

#controller-stats .pagination ul > li > a, #controller-stats .pagination ul > li > span{
    border-top: none;
    border-bottom: none;
    border-left: none;
    background: none;

}

#controller-stats .period {
    float: right;
    margin: -47px -11px 0 0;
}

#controller-stats .period .last a{ border-right: none;}

#controller-stats #filter { float: right; width: 698px;}
#controller-stats #filter form { padding: 0; width: 100%;}
#controller-stats #filter input { margin-top: 0 !important; margin-bottom: 0 !important;}


#support {
    display: none;
/*   position: absolute;
  z-index: 99999;
  bottom: 0;
  right: 10px;
  background: #00BAF1;
  width: 135px;
  text-align: left;
  color: #FFFFFF;
  padding: 7px 7px 7px 30px;
  font-weight: bold;
  font-size: 13px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; */
}

#support .icon-box {padding: 2px; background: #FFFFFF; margin-top: -2px ;
 height: 20px;
 width: 17px;
    left: 1px;
    margin-top: -2px;
    padding: 6px 2px 2px 6px;
    position: absolute;
    top: 1px;
    -webkit-border-top-left-radius: 7px;
-moz-border-radius-topleft: 7px;
border-top-left-radius: 7px;
    }

#support:hover { background: #FF9800}
#support:hover .icon-box {background: #FFFFFF !important}

.carousel { margin: 0 !important;}
.carousel .box-img {width: 380px;height: 177px;}
.carousel .cover-img {width: 100%;height: 100%;}
.carousel .description p{ text-align: center; padding-top: 5px}

#controller-layout tr.extended td { background-color: #F2FAFF }


/* OPINIONS */

.opinions-block .opinion { margin-bottom: 15px;}
.opinions-block .opinion .user-block {padding: 2px;}
.opinions-block .opinion .user { -webkit-border-radius: 300px; -moz-border-radius: 300px; border-radius: 300px; }
.opinions-block .opinion .header { border-bottom: solid 1px #DDDDDD; color: #999999; line-height: 30px}
.opinions-block .opinion .star { width: 15px; height: 15px; padding: 1px;}
.opinions-block .opinion .body { padding-top: 10px; font-style: italic }
.opinions-block .opinion .body .title  { margin-bottom: 0; font-weight: 600 }