/* Menu new rules*/
div#icon-picker {
    margin-top: 20px;
    height: 300px !important;
    width: 330px !important;
    overflow: scroll;
}

div#icon-picker i {
    display: inline-block;
    padding: 5px;
}

div#icon-picker i:hover {
    background: #ccc;
    cursor: pointer;
}

li.admin_menu_ex3 {
    display: block;
    margin: 1px 1px !important;
    padding: 0px !important;
    border: 1px solid #cccccc;
    color: #0088cc;
    background: #fff !important;
    border-left: 5px solid #2B579A !important;
    cursor: pointer;
}

li.admin_menu_ex3:hover {
    display: block;
    margin: 1px 1px !important;
    padding: 0px !important;
    border: 1px solid #2C98E0;
    color: #0088cc;
    background: #fff !important;
    border-left: 8px solid #2C98E0 !important;
    cursor: pointer;
}

ol.forms,
ol.forms ol,
ol.admin_menu_ex2,
ol.admin_menu_ex2 ol {
    padding-left: 0 !important;
}

ol.forms li,
ol.admin_menu_ex2 li {
    display: block;
    margin: 10px 5px;
    padding: 5px;
    border: 1px solid #cccccc;
    color: #0088cc;
    background: #eeeeee;
    border-left: 8px solid #2B579A;
}

ol.admin_menu_ex li a,
ol.admin_menu_ex2 i {
    font-size: 15px !important;
}

ol.form li>a,
ol.admin_menu_ex2 li>a {
    line-height: 0px;
    margin-top: 15px;
    font-size: 16px; 
    padding: 15px;
}

ol.admin_menu_ex2 li:last-child {
    margin-bottom: 10px;
}

li.admin_menu_edit:hover {
    cursor: grab !important;
    cursor: -webkit-grab !important;
}

li.admin_menu_edit>i {
    padding: 4px 7px !important;
}

.admin_dragger {
    cursor: grab !important;
    cursor: -webkit-grab !important;
}

ol ol {
    background: #eeeeee;
}

.dragged {
    opacity: 0.5;
}

ol.admin_menu_ex li.placeholder {
    position: relative;
    border: 3px dashed green;
    opacity: 0.8;
}

ol.admin_menu_ex li.placeholder:before {
    /*position: absolute;*/
    /* Define arrowhead*/
}

ol.admin_menu_ex {
    border: 1px solid #ccc;
}

.popover {
    max-height: 400px;
    max-width: 300px;
}

li>i {
    cursor: pointer;
}

li .popover {
    cursor: pointer;
}

li .popover i {
    padding: 10px;
}

li .popover i:hover {
    background: #CCC;
}

i.move_right {
    visibility: hidden;
}

ol.forms li:hover>i.move_right {
    visibility: visible;
    animation-name: move-right;
    animation-delay: 0s;
    animation-duration: 1s;
    /*animation-iteration-count: infinite;*/
    /*animation-dir*/
}

.opts {
    position: absolute;
    left: 150px;
    top: 0px;
    z-index: 1000000000;
    list-style-type: none;
    /*background: #FFF;*/
}

button.saveChange {
    position: absolute;
    z-index: 1000000000;
    top: 44px;
}

.opts li {
    padding: 15px;
    background: rgba(0, 0, 0, .8);
}

.bckg {
    background: rgba(0, 0, 0, .6);
}

ol.admin_menu_ex2>li[data-act='N'] {
    text-decoration: underline;
}


/* search box inside select2*/

input.select2-input {
    margin: 12px 0 8px 0 !important;
}

div[id^="target"]:not(#target1) {
    display: none;
}










/* here to set height and auto scroll for both container*/

ol#menuUL,
ol.admin_menu_ex {
    height: 600px !important;
    overflow: scroll;
}

ol.planner_mod {
    height: 175px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #ccc;
}

ol.planner_mod_hasingroup {
    background-color: #ff000059 !important;
}
div.planner_mod_hasingroup {
    background-color: #ff000059 !important;
}

ol.planner_mod_see_this {
    border: 3px dashed green;
}
div.planner_mod_see_this {
    border: 3px dashed green;
}

ol.planner_mod_users {
    height: auto !important;
    max-height: 575px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #ccc;
    min-height: 60px;
    margin-left: 0px !important;
}

ol.admin_menu_ex ol {
    background-color: white;
    padding: 1px 0px 1px 0px;
}
/*div.newMenu{ border: 1 solid black; }*/

ol.admin_menu_ex2>li:last-child {
    margin-bottom: 30px;
}

div.iconPopover {
    top: 0px !important;
}

.modal {
    background-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.admin_menu_edit_marker {
    font-weight: lighter;
}
.admin_menu_edit_marker:hover{
    border-left: 8px solid #2C98E0;
    border-color: #2C98E0;
}
.admin_menu_edit_text {
    font-weight: normal;
}
table.admin_menu_tbl .icons a {
    float: right;
}

.table thead th.planner-cal-red {
    border: #2c98e0 solid 2px;
    color: #fff;
    background-color: #ca5d5d;
    padding: 2px 8px 2px 8px;
}

.table thead th.planner-cal-std {
    border: #2c98e0 solid 2px;
    color: #2b579a;
    background-color: #fff;
    padding: 2px 8px 2px 8px;
}

.table thead th.planner-cal-edit-red {
    border: #2c98e0 solid 2px;
    color: #fff;
    background-color: #ca5d5d;
    padding: 2px 8px 2px 8px;
    cursor: pointer;
}

.table thead th.planner-cal-edit-std {
    border: #2c98e0 solid 2px;
    color: #2b579a;
    background-color: #fff;
    padding: 2px 8px 2px 8px;
    cursor: pointer;
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #2c98e0 !important;
    background-position-x: 0%;
    background-position-y: 0%;
    color: #333;
    font-weight: bold;
}

body.dragging, body.dragging * {
    cursor: move !important;
}
div.admin_planner_ol_head {
    background-color: #ccc;
    width: 75%;
    position: relative;
    color: #2b579a;
    padding: 5px 0px 0px 15px;
    font-weight: bold;
}

.oned_classify-inp {
    width: 100% !important;
}
.oned_classify {
    position: relative;
    font-size: 1em;
    border: 1px solid #052a97;
    float: left;
    color: #000;
    text-align: left;
    padding: 2px 6px;
    border-radius: 6px 6px 6px 6px;
    background: #e3eeff;
    margin: 1px;
}

@media (min-width: 0px) {
    .oned_classify {
        width: 100% !important;
    }
}

@media (min-width: 768px) {
     .oned_classify {
        max-width: 170px;
    }
}

@media (min-width: 991px) {
    .oned_classify {
        max-width: 220px;
    }
}

@media (min-width: 1200px) {
    .oned_classify {
        max-width: 260px;
    }
}