@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

canvas {
    border: 1px solid #ccc;
    margin-left: 0;
}

.canvas-container {
    /*top: 26px;*/
    left: 0;
    overflow-x: auto;
    overflow-y: auto;
}

/*05-04-2016 header menu*/
.headerTabs li:nth-child(4) {
    padding-left: 290px;
}
/*04-05-2015
below line is for ui bootstrap*/
.nav, .pagination, .carousel, .panel-title a {
    /*05-04-2016 cursor: pointer;*/
}

body {
    background-color: #ebe8e2;
    font-family: 'Century Gothic', SegoeUI, Arial, sans-serif;
    /*font-family: 20-03-2016
   }

     @font-face {
         /* font-family: 'MultiLight';*/
      /*src: url('AC-MuliLight.ttf') format('truetype')*/
}
    .navbar-inverse {
        background-color: #17202C;
        border-bottom-color: white;
    }
    #navbar_floor {
        float: left;
        margin: 0;
        margin-left: 85px;
    }
    #navbar_floor>li{
        border-left: 1px solid #4E5C6E;
        border-right: 1px solid #4E5C6E;
    }
     #navbar_floor>li>a:hover{
        background-color: #DBEF8B;
    }
    .side-nav {
        position: fixed;
        top: 51px;
        left: 225px;
        width: 260px;
        margin-left: -225px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #DDDDDD;
        margin-top:3px;
        box-shadow: 12px 10px 15px -4px rgba(125, 130, 137, 0.8);
        height: 100%;
    }
    .side-nav-tab{
        position: fixed;
        top: 93px;
        left: 225px;
        width: 260px;
        margin-left: -225px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: #DDDDDD;
        margin-top:3px;
        box-shadow: 12px 10px 15px -4px rgba(125, 130, 137, 0.8);
        height:100%;
    }
    .side-nav-tab li{
        float: left !important;
        width: 260px !important;
    }
    .side-nav-tab .arrow{
         float: right;  
    }
    #tabEnd{
        width: 260px;
        height: 6px;
        background-color: #DBEF8B;
        position: absolute;
        top: 36px;
        box-shadow: rgb(73, 73, 73) 2px 2px 10px;
        -moz-box-shadow: rgb(73, 73, 73) 2px 2px 10px;
        -webkit-box-shadow: rgb(73, 73, 73) 2px 2px 10px;
    }
    .nav-tabs>li.active>a{
        color: #555;
        cursor: default;
        background-color: #DBEF8B !important;
        border: 1px solid #ddd;
        border-bottom-color: transparent;
    }

    .side-nav .arrow{
        float: right;
        padding-right: 20px;
    }    
    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.active>a:hover,
    .navbar-inverse .navbar-nav>.active>a:focus {
        color: #fff;
        background: none;
    }
    .navbar-nav>li {
        /*τηεο 1/11/2015    float: left;
            width: 140px;*/
    }
    #event_active{
       width: 130px;
       text-align:center; 
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form{
        border-bottom: 3px solid #DBEF8B;
    }
    .fa {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .side-nav a.collapsed .fa.arrow:before {
        content: "\f105";
    }

    .side-nav .fa.arrow:before {
        content: "\f107";
    }   
    .navbar-inverse .navbar-nav>.active>a,
    .navbar-inverse .navbar-nav>.active>a:hover,
    .navbar-inverse .navbar-nav>.active>a:focus{
            color: black;
            background-color: #DBEF8B;
    }
    .side-nav li a:hover, .side-nav li a:focus {
        outline: none;
        background-color: #DBEF8B !important;
        color:black !important;
    }


    .side-nav li img{
        width: 10%;
        margin: 5px;
        padding-bottom: 1px;
    }
    .side-nav li img.btnRemoveTemplate{
        width:15px;
    }
.side-nav li a{
        border-bottom: 1px solid #C3C3C5;
    }
    #page-wrapper {
       /* padding: 10px;*/  padding:1px 10px 10px 10px;
        background: #FEF8EB;
        height: 100%;
    }
    #wrapper_custom_canvas{
        border: 1px solid #818193;
        /*margin-top: 10px;*/
        padding-bottom: 0px;
        margin-left: 15px;
        clear: both;
        overflow-x: auto;
        overflow-y: auto;
  }
        #heading_panel_canvas{
        border: 1px solid rgb(171, 165, 165);
        background: white;
        position: fixed;
        margin-left: -15px;
        z-index: 999;
    }

    .template_content{
        width:255px;
        margin-left: -15px;
    }
    .list_table{
        float:left;
        color:#A59696;
        font-size: 11px;
        margin-left: 2px;
        text-align: center;
        width: 30%;
        height: 80px;
    }

    /*LEFT MENU OBJECTS, mouseover*/
    .list_table:hover{
        background-color: #eee;
    }
    /*LEFT MENU OBJECTS, active*/
    .list_table.active{
        background-color: #DBEF8B;
    }

    .add_button_elements{
        width: 32px;
        height: 32px;
        border: 1px solid #A59696;
        margin-top: 23px;
        font-size: 11px;
        text-align: center;
        cursor: pointer;
        margin-left: 20px;
    }

    .add_button_elements span{
        font-size: 22px;     
    }

    .create-element-container{
        position: relative;
            left:35%;
        /*top:5%;*/
            width: 600px;
        height: 450px;
            background: white;
            border-radius: 2px;
        /*margin-top: -10%;*/
    }
    .create-element-heading{
            padding-top: 20px;
           width: 100%;
           background: #DBEF8B;
           height: 15%; 
    }
    .create-element-heading span{
        font-size: 24px;
        color: white;
        margin-left: 25px;        
    }

    .create-element-content{
            width: 580px;
            height: 70%;
            margin-left: 20px;
            overflow-y: scroll;

    }
    .create-element-footer{
         width:100%;
         height: 15%  
         margin-top: 15px; 
    }
    #create_new_table{
        /*width: 120px;
        height: 50px;
        background: #839B24;
        float: left;
        margin-left: 5px;
        margin-right: 260px;
        padding-top: 15px;
        border-radius: 5px;
        cursor:pointer;*/
    }
    #create_new_table_success{
        /*width: 80px;
        height: 50px;
        background: #839B24;
        float: left;
        padding-top: 15px;
        border-radius: 5px;
        padding-left: 12px;
        cursor:pointer;*/
    }
    #create_new_table_fail{
        /*width: 110px;
        height: 50px;
        background: #839B24;
        float: right;
        margin-right: 5px;
        padding-top: 15px;
        border-radius: 5px;
        padding-left: 15px;
        cursor:pointer;*/
    }
 #create_new_table span{
     /*  font-size: 17px;
       color: white;
       margin-left: 15px;*/
 }
 #create_new_table_success span{
     /* font-size: 17px;
      color: white;
      margin-left: 15px;*/
 }
 #create_new_table_fail span{
     /* font-size: 17px;
      color: white;
      margin-left: 15px;*/
 }
 .item-element-cntent{
    width: 100px;
    height: 100px;
    border: 1px solid grey;
    margin: 7px;
    float: left;
    font-size: 11px;
    text-align: center;    
 }
 .checked_create_element{
   /* margin-right: -17px !important;*/
 }
 .create-item-element-container{
   /* position: relative;
    left: 50%;
    top: 10%;*/
    left: 50%;
    width: 300px;
    height: 400px;
    background: white;
    border-radius: 2px;
 }
 .create-item-element-heading{
   width: 100%;
   background: #DBEF8B;
   cursor: move;
     line-height: 50px;
 }
  .truncate-title {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }
 .create-item-element-content{
    width:100%;
    height: 60%;
    margin-bottom:20px;
 }
 .create-item-element-footer{
    width:100%;
     height: 10%;
    /*padding-top: 27px;*/
 }
 .create-item-element-heading span{
    font-size: 18px;
    color: white;
    margin-left: 25px;        
}
#create_item_new_table{
    width: 110px;
    height: 31px;
    background: #DBEF8B;
    float: right;
    margin-right: 15px;
    padding-top: 4px;
    /*border-radius: 5px;*/
    cursor:pointer;
}
#create_item_new_table_fail{
    width: 110px;
    height: 30px;
    background: #B2B3B3;
    float: right;
    margin-right: 13px;
    padding-top: 4px;
    /*border-radius: 5px;*/
    padding-left: 15px;
    cursor: pointer;
}
#create_item_new_table_fail span{
    font-size: 17px;
    color: white;
    margin-left: 15px;    
 }
 #create_item_new_table span{
    font-size: 17px;
    color: white;
     margin-left: 25px;
 }
 .row-table-new{
    /*theo 20/03/2015
    margin-top: 50px;*/
}
  .row-table-new .col-xs-12, .col-xs-8,.col-xs-4{
    padding-top: 10px;
  }


  .row-table-new .col-xs-12 hr{
      margin-top: 10px;
      margin-bottom: 5px;
  }

 .label_chairs{
    margin-left: 7px;
    font-size: 15px;
     /* vertical-align: -webkit-baseline-middle;*/
}
  .label_diameter{
/*    margin-right: 110px;*/
    margin-left: 7px;
    font-size: 15px;
  }

  /*26-04-2016 ο πίνακας στο edit του cresent table*/
  .editTable_table{
      width:100%
  }
  .wrapper_tool_bar_left{
      /*float:left;
      height: 48px;*/
    padding-left:10px;
  }
  .wrapper_tool_bar_left .tool_bar_left img{
    cursor:pointer;
      width: 7%;
  }

#tool_bar_right > .tool_bar_right img {
    cursor: pointer;
    max-width: 7%;
}
  body > .ui-draggable-dragging {
   /* width: auto !important;*/
  }
  .custom_table_container{
        height: 600px !important;
  }
  .draggable_hightboy{
    width: 90% !important;
    margin-left: -15px !important;
    margin-top: -6px !important;
  }

  .custom_hr_popup{
    border-bottom: 1px solid rgb(205, 173, 173);
    width: 250px;
    margin-top: 100px;
    margin-left: 8px;
  }
  .label_color_table{
    margin-left: 7px;
    font-size: 15px;
  }
  .label_table_number{
    margin-left: 7px;
    font-size: 15px;
    float: left;
  }
  .create-item-element-container-settings{
    width: 250px;
    height: 450px;
    background: white;
    border-radius: 2px;
    border: 1px solid grey;
  }
  .create-item-element-content-settings{
    /*theo 20/03/2015
    width: 100%;
    height: 60%;
    margin-top: -40px;
    margin-bottom: 80px;*/
      height: 80%; /*main body of edit popup box*/
  }
  #save_item_new_table{
      width: 90px;
    height: 30px;
    background: #DBEF8B;
    float: right;
    margin-right: 15px;
    padding-top: 4px;
    padding-left: 3px;
    cursor: pointer;
  }
#save_item_new_table span{
    font-size: 17px;
    color: white;
    margin-left: 20px;
}
/*ellhniko save*/
#save_item_new_table_el{
    height: 30px;
    background: #DBEF8B;
    float: right;
    margin-right: 15px;
    padding-top: 4px;
    padding-left: 3px;
    cursor: pointer;
}
#save_item_new_table_el span {
    font-size: 17px;
    color: white;
    margin-left: 10px;
    margin-right: 10px;
}

  #save_item_new_table_fail{
    width: 90px;
    height: 31px;
      background: #B2B3B3;
    float: right;
    margin-right: 10px;
    padding-top: 4px;
      /* border-radius: 5px;*/
    cursor:pointer;
  }
#save_item_new_table_fail span{
    font-size: 17px;
    color: white;
    margin-left: 15px;    
 }

/*elliniko akiro*/
#save_item_new_table_fail_el {
    width: 80px;
    height: 31px;
    background: #B2B3B3;
    float: right;
    margin-right: 10px;
    padding-top: 4px;
    cursor: pointer;
}
#save_item_new_table_fail_el span {
    font-size: 17px;
    color: white;
    margin-left: 13px;
}
 .panel-heading{
    /*border: 1px solid grey;*/
    height: 35px;
    margin-left:15px;
    padding-top:10px;
/*    padding-bottom: -30px;
    margin-bottom: -35px;*/
 }
 .title_hall{
     color: #1C95A8;
    font-size: 18px;
    float:left;
    margin-right: 20px;
 }
 .name_hall{
    border: 1px solid grey;
    border-radius: 6px;
    color:grey;
    background: rgb(221, 221, 221);
    width: auto;
    padding: 0 6px;
    float:left;
    margin-right:15px;
    cursor:pointer;
}
 .active_name_hall{
    border: 1px solid grey;
    border-radius: 6px;
     background: #A9ABAE;
    color: white;
    width: auto;
    padding: 0 6px;
    float:left;
    margin-right:15px;
    cursor:pointer;
 }
 #add_new_floorplan{
    background: rgb(160, 146, 146);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    float: left;
    padding-left: 6px;
    color: white;
    font-size: 15px;
    cursor: pointer;
 }
  #add_new_floorplan span{
   color: white;
    padding-left: 4px;
    font-size: 20px;
    cursor:pointer;
 }
 #floorplan_full_info{
    float: right;
 }
 .fullname_creator{
     /*float:left;*/
    color:grey;
     margin-right: 20px;
 }
 .statistic_floorplan{
     /*float:left;*/
    color:grey;
    margin-left: 20px;
 }
 .statistic_floorplan img{
    margin-top: -6px;
    width: 45%;
 }


/*** custom checkboxes ***/

label {
    font-size: 12px;
    font-weight: normal;
    /*width:166px!important;*/
}

.create-element-content input[type=checkbox] {
    display: none;
}

/* to hide the checkbox itself */
.create-element-content input[type=checkbox] + label:after {
    font-family: FontAwesome;
    display: inline-block;
}

.create-element-content input[type=checkbox] + label:after {
    content: "\f096";
}

/* unchecked icon */
.create-element-content input[type=checkbox] + label:after {
    letter-spacing: 20px;
}

/* space between checkbox and label */

.create-element-content input[type=checkbox]:checked + label:after {
    content: "\f046";
}

/* checked icon */
.create-element-content input[type=checkbox]:checked + label:after {
    letter-spacing: 15px;
}

/* allow space for check mark */

/********CUSTOM BUTTONS******************************************/
/*for filter buttons and edit box buttons*/
/*16-02-2016
.btn.btn-default.active,
.btn.btn-default.active:hover {
    color: #ffffff;
    background-color: #B2B3B3;
    background-image: linear-gradient(to bottom, #B2B3B3, #B2B3B3);
    background-position: 0 0;
    border-color: #DBDBDB #DBDBDB #DBDBDB;
}*/

.btn.btn-default.save,
.btn.btn-default.save:hover {
    color: #ffffff;
    background-color: #DBEF8B;
    background-image: linear-gradient(to bottom, #DBEF8B, #DBEF8B);
    background-position: 0 0;
    border-color: #DBDBDB #DBDBDB #DBDBDB;
}

 #sort_participants{
    margin-top: 20px !important;
 }
#sort_group_participants{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.sort_participant_button{
    border: 1px solid grey;
    border-radius: 6px;
    color: grey;
    background: rgb(221, 221, 221);
    width: auto;
    padding: 3px 7px;
    float: left;
    margin-right: 5px;
    cursor: pointer;
    width: 70px;
    height: 27px;
    text-align: center;
}
.active_sort_participant_button{
    border: 1px solid grey;
    border-radius: 6px;
    color: white;
    background: rgb(94, 84, 84);
    padding: 3px 7px;
    float: left;
    margin-right: 5px;
    cursor: pointer;
    width: 70px;
    height: 27px;
    text-align: center;
}
.side-nav .form-control{
    border-radius:6px !important;
}
.searchicon input{
    padding-left:25px;
}
.searchicon:before{
    opacity:.8;
    height:100%;
    width:25px;
    display:-webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    position: absolute;
    content:"\e003";
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
}
#list_guests{
    margin-top: 8px;
}
#list_guests li{
    list-style: none;
    /*padding: 6px;*/
    cursor: pointer;
    float:left;
}
#col-xs-list-participant{
    margin-top: 5px;
    margin-bottom: 5px;
    height: 400px;
    background-color: white;
    overflow-y: scroll;
}
.tooltip-inner {
    /*min-width: auto;*/
    min-height:40px;
    text-align: center;
    font-size: 14px;
    padding-top:10px;
}
.item_list_tooltip_guest{
    /*width:195px;*/
}
.control-table{
    cursor: url(../img/icons/cursor/openhand.cur.gif),move;
}

#floorplan_full_info .statistic_floorplan:nth-child(2) img {
    width: 25px;
    vertical-align: bottom;
}

#floorplan_full_info .statistic_floorplan:nth-child(3) img {
    width: 20px;
    vertical-align: bottom;
}

#floorplan_full_info .statistic_floorplan:nth-child(4) img {
    width: 20px;
    vertical-align: bottom;
    cursor: pointer;
}

#wrapper {
    padding-left: 260px;
    background-color: #FEF8EB !important;
}
.container-guests{

}
#guests{
    box-shadow: 12px 10px 15px -4px rgba(125, 130, 137, 0.8);
    z-index: 9999;
}

.create-item-element-content-settings  .form-control {
      display: block;
      width: 100%;
      height: 30px!important;
      padding: 6px 6px;
      font-size: 14px;
      margin-left: auto;/*26-04-2016 για να ακουμπάνε τέρμα δεξιά στον <table>*/
  }

  @media screen and (max-width: 300px) {
      body {
          background-color: lightblue;
      }
  }

/***  custom cursors ***/

.round_cursor {
    cursor: url('../img/icons/cursor/table-floorplan-tfloor_circle2.cur'),     /* Modern browsers    */
    /*url('cursors/customMoveCursor.cur'),*/        /* Internet Explorer  */
    move;                                       /* Older browsers     */
}

.crescent_cursor {
    cursor: url('../img/icons/cursor/table-floorplan-tfloor_crescent.cur'),     /* Modern browsers    */
        /*url('cursors/customMoveCursor.cur'),*/        /* Internet Explorer  */
    move;                                       /* Older browsers     */
}

.halfcircle_cursor {
    cursor: url('../img/icons/cursor/table-floorplan-tfloor_halfCircle.cur'),     /* Modern browsers    */
        /*url('cursors/customMoveCursor.cur'),*/        /* Internet Explorer  */
    move;                                       /* Older browsers     */
}

.oval_cursor {
    cursor: url('../img/icons/cursor/table-floorplan-tfloor_oval.cur'),     /* Modern browsers    */
        /*url('cursors/customMoveCursor.cur'),*/        /* Internet Explorer  */
    move;                                       /* Older browsers     */
}

.theater_cursor {
    cursor: url('../img/icons/cursor/tables_floorplan-theaterseat.cur'),     /* Modern browsers    */
        /*url('cursors/customMoveCursor.cur'),*/        /* Internet Explorer  */
    move;                                       /* Older browsers     */
}

.rect_cursor {
    cursor: url('../img/icons/cursor/table-floorplan-tfloor_rect.cur'),     /* Modern browsers    */
        /*url('cursors/customMoveCursor.cur'),*/        /* Internet Explorer  */
    move;                                       /* Older browsers     */
}

.square_cursor {
    cursor: url('../img/icons/cursor/table-floorplan-tfloor_sq.cur'),     /* Modern browsers    */
        /*url('cursors/customMoveCursor.cur'),*/        /* Internet Explorer  */
    move;                                       /* Older browsers     */
}

.halfboy_cursor {
     cursor: url('../img/icons/cursor/tables_floorplan-cocktailtable.cur'),     /* Modern browsers    */
         /*url('cursors/customMoveCursor.cur'),*/        /* Internet Explorer  */
     move;                                       /* Older browsers     */
 }

.ushape_cursor {
    cursor: url('../img/icons/cursor/tables_floorplan-u-table.cur'),     /* Modern browsers    */
        /*url('cursors/customMoveCursor.cur'),*/        /* Internet Explorer  */
    move;                                       /* Older browsers     */
}

.guest_cursor {
    cursor: url('../img/icons/cursor/participants-cursorS.cur'),
    move;
}

.move_guest_cursor {
    cursor: url('../img/icons/cursor/moveguest-cursor.cur'),
    move;
}

.move_guest_cursor1 {
    cursor: url('../img/icons/cursor/moveguest-cursor1.cur'),
    move;
}

.move_guest_cursor2 {
    cursor: url('../img/icons/cursor/moveguest-cursor2.cur'),
    move;
}

.move_guest_cursor3 {
    cursor: url('../img/icons/cursor/moveguest-cursor3.cur'),
    move;
}

.move_guest_cursor4 {
    cursor: url('../img/icons/cursor/moveguest-cursor4.cur'),
    move;
}

.move_guest_cursor5 {
    cursor: url('../img/icons/cursor/moveguest-cursor5.cur'),
    move;
}

.move_guest_cursor6 {
    cursor: url('../img/icons/cursor/moveguest-cursor6.cur'),
    move;
}

.move_guest_cursor7 {
    cursor: url('../img/icons/cursor/moveguest-cursor7.cur'),
    move;
}

.move_guest_cursor8 {
    cursor: url('../img/icons/cursor/moveguest-cursor8.cur'),
    move;
}

.move_guest_cursor9 {
    cursor: url('../img/icons/cursor/moveguest-cursor9.cur'),
    move;
}

.move_guest_cursor10 {
    cursor: url('../img/icons/cursor/moveguest-cursor10.cur'),
    move;
}

.move_guest_cursor11 {
    cursor: url('../img/icons/cursor/moveguest-cursor11.cur'),
    move;
}

.move_guest_cursor12 {
    cursor: url('../img/icons/cursor/moveguest-cursor12.cur'),
    move;
}

.move_guest_cursor13 {
    cursor: url('../img/icons/cursor/moveguest-cursor13.cur'),
    move;
}

.move_guest_cursor14 {
    cursor: url('../img/icons/cursor/moveguest-cursor14.cur'),
    move;
}

.move_guest_cursor15 {
    cursor: url('../img/icons/cursor/moveguest-cursor15.cur'),
    move;
}

.move_guest_cursor16 {
    cursor: url('../img/icons/cursor/moveguest-cursor16.cur'),
    move;
}

.move_guest_cursor17 {
    cursor: url('../img/icons/cursor/moveguest-cursor17.cur'),
    move;
}

.move_guest_cursor18 {
    cursor: url('../img/icons/cursor/moveguest-cursor18.cur'),
    move;
}

.move_guest_cursor19 {
    cursor: url('../img/icons/cursor/moveguest-cursor19.cur'),
    move;
}

.move_guest_cursor20 {
    cursor: url('../img/icons/cursor/moveguest-cursor20.cur'),
    move;
}

.move_guest_cursor21 {
    cursor: url('../img/icons/cursor/moveguest-cursor21.cur'),
    move;
}

.move_guest_cursor22 {
    cursor: url('../img/icons/cursor/moveguest-cursor22.cur'),
    move;
}

.move_guest_cursor23 {
    cursor: url('../img/icons/cursor/moveguest-cursor23.cur'),
    move;
}

.move_guest_cursor24 {
    cursor: url('../img/icons/cursor/moveguest-cursor24.cur'),
    move;
}

.move_guest_cursor25 {
    cursor: url('../img/icons/cursor/moveguest-cursor25.cur'),
    move;
}

.move_guest_cursorMore {
    cursor: url('../img/icons/cursor/moveguest-cursorMore.cur'),
    move;
}

.circlecustom {
    cursor: url("../img/icons/cursor/round/circlecustom.cur"), auto;
}

.circleseats6 {
    cursor: url("../img/icons/cursor/round/circleseats6.cur"), auto;
}

.circleseats8 {
    cursor: url("../img/icons/cursor/round/circleseats8.cur"), auto;
}

.circleseats10 {
    cursor: url("../img/icons/cursor/round/circleseats10.cur"), auto;
}

.circleseats12 {
    cursor: url("../img/icons/cursor/round/circleseats12.cur"), auto;
}

.crescentcustom {
    cursor: url("../img/icons/cursor/crescent/crescentcustom.cur"), auto;
}

.crescent5 {
    cursor: url("../img/icons/cursor/crescent/crescent5.cur"), auto;
}

.halfcirlcecustom {
    cursor: url("../img/icons/cursor/halfcircle/halfcirlcecustom.cur"), auto;
}

.halfcircle8 {
    cursor: url("../img/icons/cursor/halfcircle/halfcircle8.cur"), auto;
}

.ovalcustom {
    cursor: url("../img/icons/cursor/oval/ovalcustom.cur"), auto;
}

.oval5 {
    cursor: url("../img/icons/cursor/oval/oval5.cur"), auto;
}

.rectanglecustom {
    cursor: url("../img/icons/cursor/rectangle/rectanglecustom.cur"), auto;
}

.rectangleseats4 {
    cursor: url("../img/icons/cursor/rectangle/rectangleseats4.cur"), auto;
}

.rectangleseats6 {
    cursor: url("../img/icons/cursor/rectangle/rectangleseats6.cur"), auto;
}

.rectangleseats8 {
    cursor: url("../img/icons/cursor/rectangle/rectangleseats8.cur"), auto;
}

.rectangleseats10 {
    cursor: url("../img/icons/cursor/rectangle/rectangleseats10.cur"), auto;
}

.rectangleseats12 {
    cursor: url("../img/icons/cursor/rectangle/rectangleseats12.cur"), auto;
}

.rectangleseats14 {
    cursor: url("../img/icons/cursor/rectangle/rectangleseats14.cur"), auto;
}

.squarecustom {
    cursor: url("../img/icons/cursor/square/squarecustom.cur"), auto;
}

.squareseats4 {
    cursor: url("../img/icons/cursor/square/squareseats4.cur"), auto;
}

.squareseats8 {
    cursor: url("../img/icons/cursor/square/squareseats8.cur"), auto;
}

.squareseats12 {
    cursor: url("../img/icons/cursor/square/squareseats12.cur"), auto;
}

.ushapecustom {
    cursor: url("../img/icons/cursor/ushape/ushapecustom.cur"), auto;
}

.ushape14 {
    cursor: url("../img/icons/cursor/ushape/ushape14.cur"), auto;
}

/*test */
.highlightit {
    background-color: yellow;
    font-weight: bold;
}

/**custom tooltip*/
.tooltip-inner {
    max-width: 200px;
    /*padding: 3px 8px;*/
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #B2B3B3;
    border-radius: 4px;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #B2B3B3;
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #B2B3B3;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #B2B3B3;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #B2B3B3;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #B2B3B3;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #B2B3B3;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #B2B3B3;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #B2B3B3;
}

.TableNumbers-popup {
    position: relative;
    background: #FFF;
    width: auto;
    max-width: 280px;
    height: 180px;
    margin: 20px auto;
}

/******custom magnigicPop up background*****/
.mfp-bg {
    /*background-color: transparent !important;*/
}

/*24-01-2016 warning popup for delete table with guests on it*/
.mfp-warningDelTable .mfp-content {
    background: #fff;
    width: 450px !important;
    height: 210px !important;
}

.mfp-warningDelTable {
}

/*************seated guests turn grey********************************/
.seated {
    color: #b3b0b0;
}

.unseated {
    color: #000;
}
/***************popup modal position**********************************/
.modal-position {
    top: 10%;
    left: -75%;
}

/************************bootstrp popover for table info**************/

/* Popover */
.popTableInfo {
    /* top: 248px ;
     left: 50px ;*/
    display: block !important;
}

/* Popover Header */
.popover-title {
    background-color: #DBEF8B !important;
    color: #FFFFFF !important;
    font-size: 20px !important;
    text-align: center !important;
}

/* Popover Body */
.popover-content {
    background-color: #fff !important;
    padding: 25px 10px 25px 10px !important;
}

/**************table numbering***********************/
.container-tableNumbering {
    height: 100%;
}

/*ordered list*/
.container-tableNumbering ol li {
    padding-bottom: 15px;
}

.container-tableNumbering input[type=number] {
    width: 50px;
    height: 34px;
    margin-top: 5px;
}

.container-tableNumbering .col-xs-9 {
    padding-top: 10px;
    padding-right: 5px;
}

.container-tableNumbering .col-xs-3 {

}

.container-tableNumbering .btn#done {
    background-color: #DBEF8B;
    color: #fff;
}

.container-tableNumbering .btn#clear {
    background-color: #DB5E8C;
    color: #fff;
    width: 100%;
}

.container-tableNumbering .btn#close {
    background-color: #B2B3B3;
    color: #fff;
    width: 100%;
}

.manImg {
    background-image: url('../img/popup/warning1.png');
    background-size: 66px 112px;
    background-repeat: no-repeat;
}

/********************CUSTOM POPOVER FOR GUESTS COUNTERS***********************************/
.guestCountersPopoverClass {
    /* left: 1000px !important;
     top: 80px !important;
     position: absolute;
     */
    max-width: 500px !important;
    position:relative;
}

.guestCountersPopoverClass .popover-content {
    background-color: #DBEF8B !important;
    /*padding: 25px !important;
    border-bottom: 1px solid grey;*/
    padding:0!important;
}

.guestCountersPopoverClass .popover-content .row{
    margin-right: -15px;
    margin-left: -15px;
}

.guestCountersPopoverClass .popover-title {
    background-color: #DBEF8B !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    text-align: center !important;
    border-bottom: 1px solid grey;
    /*display: list-item;*/
}

.guestCountersPopoverClass table {
    color: #000;
    font-size: 16px;
    margin-bottom: 0;
    background-color: #ffffff;
}

.guestCountersPopoverClass table > tbody > tr > td {
    border: none;
    text-align: center;
}

.guestCountersPopoverClass table > tbody > tr:nth-child(3) > td {
    border-top: 1px solid #ddd;
}

.loading {
    display: none;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    /*24-01-2016 show also a black layer  */
    background-color: #000;
    opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.loading .spinner {
    position: absolute;
}

/*question mark on guest list 'seating tab'*/
.fa-question {
    color: red;
}

/**save template modal*/
/*edit dialog box*/
.templateDialog {
    z-index: 9999;
}

.templateDialog .ui-dialog-titlebar {
    background-color: #bcdb87;
    color: #fff;
}

.templateDialog .ui-dialog-buttonset button:nth-child(1) {
    /*cancel button*/
    width: 84px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    font-family: 'Century Gothic', SegoeUI, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: white;
    padding: 0;
    margin: 0;
    border: 0;
    background-color: #a7a9ac;
    background-image: none;
    text-shadow: none;
}

.templateDialog .ui-dialog-buttonset button:nth-child(2) {
    /*ok button*/
    width: 62px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    font-family: 'Century Gothic', SegoeUI, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: white;
    padding: 0;
    margin: 0;
    border: 0;
    background-color: #bcda87;
    background-image: none;
    text-shadow: none;
}

/**************************
*start: modal warning when the user deletes an event hall*
**************************/
.modal-delEventHall {
    width: 450px;
}

.modal-delEventHall .modal-header {
    border: none;
    background: #fff !important;
    color: #fff;
    text-align: left;
    cursor: move
}

.modal-delEventHall .modal-header {
    /* padding-bottom: 0; theo 22-12-2015*/
}

.modal-delEventHall .modal-title {
    font-size: 18px;
}

.modal-delEventHall .modal-body {
    padding-bottom: 0;
    padding-top: 0;
}

.modal-delEventHall .row {
    margin-right: -10px;
}

/**************************
*end:   modal warning when the user deletes an event hall*
***************************/

/**************************
*START:   warning bootstrp-dialog for general error messages tools.js
***************************/

.warning-dlg .modal-header {
    background-color: #fff !important;
}

.warning-dlg .bootstrap-dialog-title {
    color: #ed008c !important;
    font-weight: bold;
}

.warning-dlg .modal-dialog {
    background-color: #5bc0de;
    width: 500px;
}

/*hide the dark shadow*/
.warning-dlg .modal-backdrop {
    display: none;
}

.btn-warning-cancel {
    background-color: #808285;
    color: #fff;
}

.btn-warning-ok {
    background-color: #ed008c;
    color: #fff;
}

/*my custom modal class(modal on delete event)*/
.warning-dlg .modal-footer {
    border: none;
}

/**************************
*END:   warning bootstrp-dialog for general error messages tools.js
***************************/

@media (max-width: 1000px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        /*margin: 7.5px -15px;*/
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }

    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }
}

/*class that paints the rows of the participants list*/
.tableclass {
    color: #327E04;
}

.tableclass2 {
    color: blue;
}

/**οσοι καλεσμένοι δεν κάθονται θα πέρνουν την default class*/
.alldefault {
    color: #000;
}

/*otan o user = client ,katevazw pio katw to first col (alphabetical/reverse alph..)*/
.adjustme {
    padding-top: 30px;
}

/*add circle to the fa-user(admin)*/
.fa-user.user {
    padding: 5px 7px;
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0px 0px 2px #888;
    -webkit-box-shadow: 0px 0px 2px #888;
    box-shadow: 0px 0px 2px #C7E085;
    color: #C7E085;
}

/**LEFT MENU TABS*/
.nav.lefttabs > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    border-radius: 0;
}

.leftmenu .collapse.in {
    display: inline-block;
}

.leftmenu .panel {
    background: transparent;
    /*padding-top: 20px;
    padding-bottom: 20px;*/
    margin-bottom: 0;
}

.leftmenu img {
    width: 20px;
    margin-right: 10px;
}

/*10-05-2016, left menu sirtaria*/
.leftmenu #business,
.leftmenu #Beverages,
.leftmenu #staging,
.leftmenu #decoration,
.leftmenu #tables {
    top: 4px;
    left: 20px;
    position: relative;
    height: 200px;
    overflow-y: auto;
}

.leftmenu a {
    padding-left: 30px;
}


/*LEFT MENU HALL TEMPLATES LIST*/
#templates div{
    display:inline-block;
    cursor: pointer;
}
/*LEFT MENU HALL TEMPLATES, mouseover*/
#templates div:first-child:hover{
    background-color: #eee;
}


/*LEFT MENU TEMPLATES LIST*/
ul#templates{
    margin-top: 10px;
}



.panel #halls ul {
    cursor: pointer;
    list-style-type: none;
    margin-left: -15px;
}

/*START: MODAL SHOW/HIDE TABLE NUMBERS */
.modal-showHideNumbers {
    width: 400px;
}

.modal-showHideNumbers .modal-header {
    background-color: #bcdb87 !important;
    color: #fff;
    text-align: left;
    cursor: move;
}

.modal-showHideNumbers .modal-footer {
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
}

/*END: MODAL SHOW/HIDE TABLE NUMBERS*/

.guestsli li {
    margin-left: -25px;
}

/*απενεργοποιώ τα περιγράμματα από τα datepickers*/
ul[datepicker-popup-wrap] > li table tbody button {
    border: none;
}

/*start: modal image popup for demo user */
.modal-imagemodal {
    width: 800px;
}

/*end: modal image popup for demo user */

/*START: ΑΡΙΣΤΕΡΟ ΜΕΝΟΥ ACCORDEON*/

.sirtari a {
    display: block;
    padding: 20px 0px 20px 30px;
    text-decoration: none;
}

.sirtari.active {
    background-color: #DBEF8B;
}

.sirtari:hover {
    background-color: #eee;
}

.sirtari.active:hover {
    background-color: #DBEF8B;
}

/*END: ΑΡΙΣΤΕΡΟ ΜΕΝΟΥ ACCORDEON*/

/*LEFT MENU αλφαβητικά,επιλέξτε χώρο, κλπ*/
.form-control{
    font-size:12px;
}
.container-guests .form-control{
    height:30px;
}

/*LEFT MENU BUTTONS ALL-SEATED-UNSEATED*/
.container-guests input[type=button]{
    font-size:12px;
}

/*POPOVER GIA guestsCounters(right top corner)*/
.guestCountersContainer{
    position:absolute;
    display:none;
}