
.panel-info {
    min-width: 1244px;
    min-width: 900px;
}

.p-support-users .row-user 
{
    padding-left: 30px;
}

.p-support-users .user-segment 
{    
    position: absolute;
    display: block;
    margin: 0 0 0 -25px;    
    font-weight: bold;
}

.p-support-users .user-name,
.p-support-users .user-country
{
    display: block;
    float: left;
    width: 100%
}
    .p-support-users .user-country
    {
        color: #777;
    }

.p-support-users .user-email,
.p-support-users .user-phone
{
    display: block;    
    width: 100%
}
    .p-support-users .user-phone
    {
        color: #777;
    }

table.table-striped th .sort
    {
    color: #337ab7;
    cursor: pointer;
    }
    
    table.table-striped th .sort:hover
        {
        text-decoration: underline;
        }
        
table.table-striped td .site-zones
    {
    white-space: nowrap;
    }

.form-group .btn-group
    {
    margin-bottom: 10px;
    }
    
.form-group.category,
.form-group.service
    {
    margin-bottom: 20px;
    }
    
    .form-group.service input,
    .form-group.enable input
        {
        vertical-align: -2px;
        }

.btn.btn-primary.disabled
    {
    display: none;
    }
        
.btn.btn-primary.add-item,
.btn.btn-primary.edit-item,
.btn.btn-primary.save-item,
.btn.btn-primary.cancel-item,
.btn.btn-primary.add-code-item
    {
    margin-right: 8px;
    padding: 2px 10px;
    font-size: 12px;
    }

    .btn.btn-primary.save-item,
    .btn.btn-primary.cancel-item
        {
        float: right;
        }

.btn.btn-primary.service-action
    {
    float: right;
    margin-left: 5px;
    background-color: #009444;
    border-color: #1B8636;
    }
 
    
.form-group.category label,
.form-group.zone label,
.form-group.template label,
.form-group.code label,
.form-group.slot label
    {
    float: left;
    width: 99px;
    line-height: 35px;
    }
    
    .form-group.zone label
        {
        width: 75px;
        }
    
    .form-group.zone label.for-size
        {
        margin-right: 10px;
        width: auto;
        }
        
    .form-group.zone .zone-info,
    .form-group.code .code-info,
    .form-group.slot .slot-info
        {
        line-height: 35px;
        color: #2E6DA4;
        font-size: 13px;
        
        }
        
        .form-group.zone .zone-info .info-comment,
        .form-group.slot .slot-info .info-comment
            {
            display: inline-block;
            margin-top: 0;
            margin-left: 10px;
            width: 500px;
            font-style: italic;
            color: #626262;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            vertical-align: -13px;
            }
        
    .form-group.service label
        {
        margin-right: 20px;
        }
        
    .form-group.code label,
    .form-group.slot label
        {
        width: 50px;
        }

.form-group.category select.form-control
    {
    float: left;
    margin-right: 10px;
    }

/*
    Hidezones
*/
.form-group .values-string
    {
    margin-top: 4px;
    padding: 2px 6px;
    line-height: 28px;
    min-height: 34px;
    font-family: monospace;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    }
    
    .form-group .values-string span
        {
        margin-right: 4px;
        padding: 2px 4px;
        border: 1px solid #CCCCCC;
        background-color: #EDEDED;
        border-radius: 3px;
        }
        
    .form-group .values-edit
        {
        display: none;
        width: 325px;
        }
        
        .form-group.providers .values-edit,
        .form-group.partners .values-edit
            {
            width: 825px;
            }
    
        .form-group .values-edit .controls
            {
            margin-top: 4px;
            }
            
            .form-group.providers .values-edit .controls
                {
                width: 408px;
                }
                
            .form-group.partners .values-edit .controls
                {
                width: 308px;
                }
                
        .form-group .values-edit .temp-state
            {
            display: none;
            }
            
    .form-group .no-values
        {
        display: none;
        color: #2E6DA4;
        font-family: monospace;
        border: 1px solid #ccc;
        border-radius: 4px;
        padding: 4px;
        text-align: center;
        }

.form-group .values-list,
.form-group .values-list
    {
    margin-top: 4px;
    }
    

    
.form-group.hidezones .form-control,
.form-group.stophide .form-control,
.form-group.providers .form-control,
.form-group.partners .form-control,
.form-group.zone .selectors-targets-codes .form-control
    {
    display: inline-block;
    margin-bottom: 4px;
    width: 300px;
    }
    
    .form-group.providers .form-control
        {
        width: 400px;
        }


    
.form-group .delete-category,
.form-group .delete-template,
.form-group .delete-code,
.form-group .delete-slot,
.form-group .delete-codezone,
.form-group .delete-zone,
.form-group .delete-addition-block,
.form-group .delete-addition-field,
.form-group .delete-input,
.form-group .delete-styles-field
    {
    float: left;
    font-size: 27px;
    color: #383838;
    cursor: pointer;
    }
    
    .form-group .delete-input
        {
        float: none;
        display: inline-block;
        vertical-align: -4px;
        }
    
    .form-group .delete-zone,
    .form-group .delete-addition-field,
    .form-group .delete-addition-block,
    .form-group .delete-styles-field
        {
        float: right;
        }

.input-pattern,
.category-pattern,
.zone-pattern,
.template-pattern,
.code-pattern,
.codezone-pattern,
.providers-pattern,
.slot-pattern
    {
    display: none;
    }   

.category-item,
.zone-item,
.service-item,
.template-item,
.codezone-item
    {
    margin-bottom: 5px;
    clear: both;
    }
    
    .template-item .left,
    .codezone-item .left
        {
        float: left;
        }
        
    .code-item .left
        {
        float: left;
        }
        
    .template-item .right
        {
        float: right;
        }
        
    .template-item .center
        {
        margin: 0 320px 0 130px;
        }
        
    .code-item .code-content span
        {
        display: inline-block;
        min-width: 47px;
        }
        
    .code-item .center
        {
        margin: 8px 25px 0 50px;
        }
        
    
.zone-item
    {
    
    }
    
    .zone-item.is-hidden label.for-zone,
    .slot-item.is-hidden label.for-slot
        {
        opacity: 0.5;
        }
    
    .zone-item .styles,
    .zone-item .selectors,
    .zone-item .more_selectors,
    .zone-item .codes_id,
    .zone-item .targets,
    .zone-item .comment
        {
        margin: 10px 0 0 0;
        }
    
    .zone-item .is-hidden label,
    .slot-item .is-hidden label
        {
        float: none;
        display: inline;
        vertical-align: 2px;
        font-weight: normal;
        }
        
    .zone-item .size
        {
        
        }
        
        .zone-item .size .form-control.min-window-width
            {
            width: 100px;
            }
        
    .zone-item .addition-data
        {
        margin-top: 10px;
        }
        
        .zone-item .addition-data span.has-addition
            {
            font-weight: bold;
            }
    
    .zone-item .zone-content
        {
        float: left;
        display: none;
        margin-bottom: 20px;
        min-width: 1075px;
        min-width: 865px;
        }
        
    .code-item .code-content,
    .slot-item .slot-content
        {
        display: none;
        margin: 0 0 20px 75px;
        min-width: 1075px;
        min-width: 815px;
        }
        
        .zone-item.open .zone-content,
        .code-item.open .code-content,
        .slot-item.open .slot-content
            {
            display: block;
            }
            
        .zone-item.open .zone-info,
        .code-item.open .code-info,
        .slot-item.open .slot-info
            {
            display: none;
            }
    
    .zone-item .show-zone,
    .code-item .show-code,
    .slot-item .show-slot
        {
        float: left;
        margin: 10px 10px 0 0;
        width: 14px;
        height: 14px;
        font-size: 20px;
        line-height: 12px;
        border: 1px solid #CCCCCC;
        border-radius: 2px;
        cursor: pointer;
        }
        
        .zone-item .show-zone .open,
        .zone-item.open .show-zone .close,
        .code-item .show-code .open,
        .code-item.open .show-code .close,
        .slot-item .show-slot .open,
        .slot-item.open .show-slot .close
            {
            display: none;
            }
        
        .zone-item.open .show-zone,
        .code-item.open .show-code,
        .slot-item.open .show-slot
            {
            line-height: 9px;
            }    
            
        .zone-item.open .show-zone .open,
        .code-item.open .show-code .open,
        .slot-item.open .show-slot .open
            {
            display: inline;
            line-height: 9px;
            }
            
        .zone-item .codes-content
            {
            float: left;
            }
            
            .zone-item .codes-content .form-control.access-codes
                {
                float: left;
                margin-top: 5px;
                width: 150px;
                }

            .zone-item .codes-content .add-code-id
                {
                float: left;
                margin-top: 8px;
                padding: 5px 10px;
                font-size: 12px;
                }
                
.slot-item
    {
    
    }

    .slot-item .form-group.zones_id
        {
        max-width: 785px;
        }
        
    .slot-item .node-margin-offset
        {
        margin-bottom: 10px;
        max-width: 790px;
        }
        
        
        .slot-item .form-group.node,
        .slot-item .form-group.styles,
        .slot-item .form-group.fixed
            {
            float: left;
            margin-right: 10px;
            padding: 5px;
            width: 360px;
            border: 1px solid #CCCCCC;
            border-radius: 4px;
            }
            
            .slot-item .form-group.fixed .field-name,
            .slot-item .node-margin-offset .field-name
                {
                display: inline-block;
                margin-left: 20px;
                min-width: 55px;
                }
                
            .slot-item .form-group.node .form-control,
            .slot-item .form-group.fixed .form-control
                {
                display: inline-block;
                margin-top: 4px;
                width: 50px;
                }
                
                .slot-item .form-group.node .form-control.node-selector
                    {
                    width: 310px;
                    margin-left: 20px;
                    }
                    
            .slot-item .form-group.offset .form-control
                {
                display: inline-block;
                position: absolute;
                padding: 6px;
                width: 50px;
                text-align: center;
                }
                
                .slot-item .form-group.offset .form-control.offset-top
                    {
                    top: 6px; left: 60px;
                    }
                .slot-item .form-group.offset .form-control.offset-bottom
                    {
                    bottom: 6px; left: 60px;
                    }
                .slot-item .form-group.offset .form-control.offset-left
                    {
                    top: 46px; left: 6px;
                    }
                .slot-item .form-group.offset .form-control.offset-right
                    {
                    top: 46px; right: 6px;
                    }
        
        .slot-item .form-group.margin,
        .slot-item .form-group.hAlign,
        .slot-item .form-group.syncHeight
            {
            float: left;
            margin-bottom: 10px;
            }
            
            .slot-item .form-group.syncHeight
                {
                height: 20px;
                min-width: 210px;
                }
            
            .slot-item .syncHeight-inner
                {
                display: none;
                margin-left: 20px;
                }
            
            .slot-item .form-group.margin .form-control.slot-margin,
            .slot-item .form-group.hAlign .form-control.slot-hAlign
                {
                display: inline-block;
                width: 165px;
                }
                
        .slot-item .form-group.fixed .form-control.fixed-bottomSync
            {
            display: inline-block;
            margin-top: 4px;
            width: 80px;
            }
            
        .slot-item .form-group.fixed .form-control.fixed-node-selector
            {
            width: 310px;
            margin-left: 20px;
            }

        .slot-item .form-group.offset
            {
            position: relative;
            float: left;
            margin-right: 0;
            padding: 5px;
            padding-top: 50px;
            height: 128px;
            width: 172px;
            text-align: center;
            border: 1px solid #CCCCCC;
            border-radius: 4px;
            }
                

.form-group .form-control
    {
    font-family: monospace;
    }
    
    .form-group .form-control.not-valid
        {
        color: #FF0000;
        }
    
    .form-group select.form-control
        {
        cursor: pointer;
        /*border-color: #579EDB;*/
        border-color: #BDCED4;
        padding-right: 15px;
        background: url('../img/icon-open-accordeon.svg') right 4px center no-repeat;
        background-size: 10px;
        }
                
.form-group.zone .form-control,
.form-group.slot .form-control
    {
    display: inline-block;
    width: 120px;
    }
    
    .form-group.zone .styles input
        {
        margin: 0;
        width: 800px;
        }
    
    .form-group.zone .form-control.size
        {
        width: 150px;
        }
    
    .form-group.zone .selectors .form-control,
    .form-group.zone .more_selectors .form-control,
    .form-group.zone .codes_id .form-control,
    .form-group.slot .zones_id .form-control
        {
        margin: 0;
        width: 300px;
        }
        
    .form-group.zone .targets .form-control
        {
        width: 300px;
        }
    
    
    .form-group.zone span.title
        {
        display: inline-block;
        min-width: 60px;
        }
        
    .form-group.zone .zone-item span.codes-title
        {
        float: left;
        margin-right: 4px;
        line-height: 35px;
        }
    
    .form-group.zone .form-control.m-zone.size
        {
        width: 188px;
        }
    
.form-group.zone .other-size
    {
    display: none;
    }

    .form-group.zone .addition-add,
    .form-group.zone .addition-add-field,
    .form-group.slot .add-styles
        {
        display: inline-block;
        margin-top: 5px;
        padding: 5px 10px;
        color: #FFFFFF;
        background-color: #337ab7;
        border-color: #2e6da4;
        border-radius: 4px;
        cursor: pointer;
        font-size: 12px;
        }
        
        .form-group.zone .addition-add.disabled,
        .form-group.zone .addition-add-field.disabled
            {
            display: none;
            }
        
    .form-group.zone .addition-add-field,
    .form-group.slot .add-styles
        {
        padding: 2px 10px;
        font-size: 12px;
        }
        
        .form-group.slot .add-styles
            {
            float: right;
            margin-top: 0;
            }
    
    .form-group.zone .addition-block-item
        {
        margin: 10px 0;
        padding: 5px;
        border: 1px solid #CCCCCC;
        border-radius: 4px;
        background-color: #D6E5F1;
        }

        .form-group.zone .addition-block-elem
            {
            float: left;
            margin-right: 8px;
            padding: 5px;
            width: 270px;
            border: 1px solid #CCCCCC;
            border-radius: 4px;
            background-color: #E7E7E7;
            }
            
            .form-group.zone .addition-block-elem .form-control
                {
                margin: 0 0 4px 0;
                padding: 6px;
                width: 90px;
                }
                
                .form-group.zone .addition-block-elem .form-control.value
                    {
                    width: 145px;
                    }
                    
            .form-group.slot .styles-field-item .form-control
                {
                margin: 0 0 4px 0;
                padding: 6px;
                width: 180px;
                }
                
                .form-group.slot .styles-field-item .form-control.value
                    {
                    width: 145px;
                    }
                    
            
        .form-group.zone .add-tpl-id
            {
            float: right;
            margin-top: 2px;
            padding: 5px 10px;
            font-size: 12px;
            }
            
        .form-group.zone .tpl-wrap
            {
            float: left;
            margin-left: 5px;
            padding: 5px;
            border: 1px solid #CCCCCC;
            border-radius: 4px;
            background-color: #D6E5F1;
            }
            
            .form-group.zone .tpl-wrap .form-control
                {
                display: block;
                margin-right: 0;
                }
                
            .form-group.zone .tpl-wrap .form-control.access-tpl
                {
                float: left;
                }
                

    
.form-group.template .form-control,
.form-group.code .form-control
    {
    display: inline-block;
    margin-right: 10px;
    width: 250px;
    }
    
    .form-group.code textarea.form-control,
    .form-group.zone textarea.form-control,
    .form-group.slot textarea.form-control
        {
        width: 100%;
        height: 75px;
        resize: none;
        }
        
        .form-group.zone textarea.form-control,
        .form-group.slot textarea.form-control
            {
            height: 50px;
            }
            
        .form-group.slot textarea.form-control
            {
            width: 785px;
            }
            
    
    .form-group .delete-template,
    .form-group .delete-code,
    .form-group .delete-codezone,
    .form-group .delete-slot
        {
        float: right;
        }

    
.tokenfield .token .token-label
    {
    padding-right: 4px;
    }
    
    .tokenfield .token .token-label.disable
        {
        color: #9A9A9A;
        }

input.date-value
    {
    width: 180px;
    }
    
.sum-traffic
    {
    display:inline-block;
    margin-left: 30px;
    }
    
td.traffic,
td.money
    {
    text-align: right;
    }
    
.user-create-date,
.site-create-date
    {
    white-space: nowrap;
    }
    
.form-group-title
    {
    margin-bottom: 10px;
    color: #2E6DA4;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    }
    
    .form-group-title.info
        {
        font-weight: normal;
        color: #F84B4C;
        }
    
.switch-data
    {
    margin-bottom: 20px;
    padding-bottom: 10px;
    line-height: 30px;
    border-bottom: 1px solid #BCE8F1;
    }
    
    .switch-item
        {
        padding: 5px;
        border: 1px solid #2E6DA4;
        color: #2E6DA4;
        border-radius: 4px;
        cursor: pointer;
        }
        
        .switch-item:hover
            {
            color: #FFFFFF;
            background-color: #2E6DA4;
            }
        
        .switch-item.selected
            {
            color: #FFFFFF;
            background-color: #2E6DA4;
            }
            
.form-group-data
    {
    display: none;
    }
    
    .form-group-data.selected
        {
        display: block;
        }
        
.adds-column
    {
    float: left;
    width: 50%;
    padding-right: 10px; 
    }
    
    .adds-column .img-wrap
        {
        float: right;
        padding: 10px;
        width: 108px;
        height: 108px;
        border: 1px solid #CCCCCC;
        border-radius: 3px;
        background-color: #CCCCCC;
        cursor: pointer;
        }
    
.adds-links
    {
    font-weight: bold;
    }
    
.add-row
    {
    color: #0071BC;
    font-size: 12px;
    cursor: pointer;
    }
    
    .add-row:hover
        {
        color: #30A1EC;
        }
    
    
.table.add-templates
    {
    margin-bottom: 0px;
    font-size: 12px;
    }
    
    
    .table.add-templates>thead>tr>th,
    .table.add-templates>tbody>tr>td
        {
        padding: 0;
        }
        
    .table.add-templates>thead>tr>th
        {
        color: #0071BC;
        }
        
    .table.add-templates b.del
        {
        color: #0071BC;
        font-size: 16px;
        font-weight: normal;
        cursor: pointer;
        }
        
        .table.add-templates>tbody>tr>td:last-child
            {
            text-align: center;
            }
        
        .form-control.template-value
            {
            display: block;
            margin-top: -1px;
            padding: 2px;
            width: 100%;
            height: 22px;
            font-size: 12px;
            line-height: 1.42857143;
            border: none;
            border-radius: unset;
            }
            
.form-group.preview
    {
    margin-top: 14px;
    padding: 10px 0;
    border-top: 1px solid #BCE8F1;
    }
    
    .form-group.preview .content *, *:after, *:before
        {
        box-sizing: unset;
        }
        
    .form-group.preview .content a, a:hover
        {
        text-decoration: none;
        }
        
        
.table.table-striped .image-wrap
    {
    position: relative;
    width: 100px;
    }
        
    .table.table-striped .image-wrap .price
        {
        position: absolute;
        top: 0;
        left: 0;
        padding: 2px;
        min-width: 20px;
        font-size: 10px;
        line-height: 12px;
        color: #FFF;
        background-color: #000;
        }
        
.table.table-striped a.wrap
    {
    color: #000;
    }
    
    .table.table-striped a.wrap .title
        {
        font-weight: bold;
        }