*[sy-dialog],
*[sy-modal]{
    cursor: pointer;
    text-decoration: none;
    color: black;
}

tr *[sy-dialog]:not(.btn),
tr *[sy-modal]:not(.btn){
    padding: 0 2px;
    opacity: .3;
    font-size: 18px;
}
tr *[sy-dialog]:not(.btn):hover,
tr *[sy-modal]:not(.btn):hover{
    opacity: 1;
/*	text-shadow: 0px 0px 0px #999, 0 0 1px #999;
    font-size: 18px;*/
}

*[sy-dialog].btn>i.fa,
*[sy-modal].btn>i.fa{
    padding-right: 5px;
}


.modal-90perc{
    width: 90%;
}

.modal-60perc{
    width: 60%;
}

.sy-dialog-loader{ z-index: 100000; background: url("../images/ajax-loader-big.gif") no-repeat #CCC; position: fixed; top: 0; background-position:  52% 50%; height: 600px; width: 95%; background-color: transparent; display: block;}

.delete-highlight {background-color: #FFF5B2;}

/*.form-container .error-img {
    position: absolute;
    left: 155px;
    width: 22px;
    height: 22px;
    margin-top: 0px;

    background-repeat: no-repeat;
    background-position: center left;
    background-image: url(../images/exclamation.png)
}*/

.control.error .glyphicon{
    position: absolute;
    left: 160px;
    top: 10px;
    color: #C76565;
    font-size: 16px;
}

#filter-menu form {margin: 0px;}
#filter-menu form input,
#filter-menu form select
{margin: 5px 5px;}
.icon-refresh {color: #888}

/*#productgroup-grid tr {cursor: pointer;}
#productgroup-grid a:hover{text-decoration: none;}
#productgroup-grid td+td span {opacity: .05; font-size: 14px}
#productgroup-grid td+td span:hover{opacity: 1;  text-shadow: 0px 0px 0px black, 0 0 1em #555;}
#productgroup-grid td+td:hover {background-color: white;}
#productgroup-grid {margin-top: 37px;}
*/
/* Grid View filters */




/*

tr.row-disabled{color: #999;}
.ajax-loader{ z-index: 100000; background: url("../images/ajax-loader-big.gif") no-repeat #CCC; position: fixed; top: 0; background-position:  52% 50%; height: 600px; width: 95%; background-color: transparent; display: block;}
.ajax-loader-circle{ z-index: 100000; background: url("../images/ajax-loader-big.gif") no-repeat #CCC; position: fixed; top: 0; background-position:  52% 50%; height: 600px; width: 95%; background-color: transparent;display: block;}

.mainlogo{height: 24px; margin-bottom: -10px;}

*/


.ui-widget-overlay {z-index: 2000}
.ui-dialog {z-index: 2001}


fieldset.default{ border: 1px solid #d3d3d3; padding: 0.6em; background-color: #fff; border-radius: 10px; margin-bottom: 20px; }
.form-container { width:  100%; min-width: 350px; }
/*.form-container.dialog {margin-top: 5px;}*/
/*.ui-dialog .alert-error {margin-bottom: 5px;}*/
.ui-dialog .alert.alert-danger {margin-bottom: 0px; padding: 10px;}
.ui-dialog .nav-pills {margin: 0px; padding: 0;}
.ui-dialog .nav-pills li.title a{color: black; }
.ui-dialog .nav-pills li.active a{background-color: #aaa; }

.form-container .control > span.lbl { clear: left; padding: 6px 0 0 2px; float: left; width: 180px; font-size: 13px; margin-bottom: 8px;}
.form-container .control {clear: left;  position:relative; margin: 3px 0 0 0; }
.form-container .control select {padding: 0 0 0 8px;margin-bottom: 0px;}
.form-container .control>input[type=text],
.form-container .control>input[type=password] {margin-bottom: 1px; }
.form-container .control>input[id^="date"] {margin-top: 2px; margin-bottom: 4px}
.form-container .control>textarea {left: 30px; margin-top: 0px; margin-bottom: 0px}

.control.shift>input[type=text],
.control.shift>input[type=password],
.control.shift>input[id^="date"],
.control.shift>textarea,
.control.shift>select,
.control.shift>.select2-container,
.control.shift fieldset.selectbox{
    width: calc(100% - 180px);
}

.form-container div.control .ui-multiselect { width: 60%;}
.form-container div.control table input[type=text] {width: 99%}
.form-container div.control table {width: 100%;}

/*.form-container div.control > a { float: left;  width: 60%}
.form-container div.editside { margin-left: 36%; }
.form-container div.editside a { float: none;}
.form-container div > input.keycode { font-size: 44px; }
padding: 1px 6px;} */
.form-container ul:not(.nav-pills):not(.nav-tabs)  { margin-left: 35%; width:  59%; list-style: none; margin-bottom: 0px; cursor: pointer}
.form-container ul li { margin-left: 0px; }
.form-container .right td >input[type=text]{text-align: right}

.form-container fieldset.selectbox {
    left: 30px;;
    padding: 3px 2px 3px 6px;
    max-height: 250px;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow-y: scroll;
}

.form-container fieldset.selectbox hr {padding: 0; margin: 5px 0;}
.form-container input[type=checkbox]  { margin-top: 4px; margin-bottom: 0px; }
.form-container .line {border-bottom: 1px solid rgb(221, 221, 221); margin: 5px 0;font-weight: bold;}
.form-container .control span.required {color: red; margin-left: 3px;}
.form-container label { display: inline-block; font-weight: normal;}
.form-container .control.error input,
.form-container .control.error select{
    border-color: #DFB2B9;
    background: #FFF7F7;
}
/*
a.dialog, a.delete {cursor: pointer; text-decoration: none; color: black;}



div.dialog-buttons {
   margin-top: 12px;
   text-align: right;
}

*/

/*div.dialog {width: 400px;}*/
/*div.dialog-error-message {color: red; font: bold;}
div.dialog-error-message.top{ position: absolute; z-index: 1000; top: 0px; right: 0px; border-radius: 5px; background:#F08D8D; padding: 0 5px; color: #000}

div.dialog-error-input span.lbl  { color: #d30101;}*/
/*div.dialog-error-input input {background-color: #FAE0E0;}*/



/*div.tree-info { position: fixed; top: 180px; left: 400px; font: 14px; }
li.territory-type-S { color: #444;}*/
/*tr.deleteHighlight { background: #FFFF99; }


/*.treeview .hover {  color: #4D5E8E; }*/
#price_new {
    display: inline-block;
    width: calc(100% - 200px);
}
.add-to-filed {
    width: 20px;
    display: inline-block;
}

#checkbox_workplace_tree ul{
    margin-left: 0;
    width: 100%;
}
#checkbox_workplace_tree label{
    margin-bottom: 0;
}

#checkbox_outlet_tree ul {
    margin-left: 0;
    width: 100%;
}

#checkbox_outlet_tree label {
    margin-bottom: 0;
}

.su-modal-text-link{
    font-size:14px!important;
    opacity:1!important;
}

.su-modal-text-link:hover {
    text-decoration: none;
    color: #004872!important;
}

.control.shift>input[type=text]#bar_code {
    width: calc(100% - 200px);
    display: inline-block;
}

.generate-barcode-button {
    margin-left: 5px;
}
.generate-barcode-button:hover {
    cursor: pointer;
}