body
{
    background: linear-gradient(to bottom, rgb(123, 175, 211), rgb(152, 197, 222));
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-attachment: fixed;
    position: relative;
    font-family: Tahoma;
    font-size: 13px !important;
}
#WorkSpace
{
    border: solid 1px #c4c4c4;
    min-width: 1000px;
    width: 1200px;
    margin: auto;
    min-height: 760px;
    background-color: White;
}
.LoginControl
{
    margin-top: 200px;
    margin-left: 20px;
    float: left;
    border: solid 1px #c4c4c4;
}
.TitlePanel, .CallControlTitlePanel
{
    min-height: 20px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: white;
    padding: 3px 10px;
    background: linear-gradient(to right, #3f75e0, #598ff9, #3f75e0);
}
.regionMenu
{
    font-family: Segoe UI, Tahoma, Arial, Verdana, sans-serif;
    font-size: 100%;
    text-align: left;
    background: linear-gradient(to right, #3f75e0, #3f75e0);
}

.regionMenu2
{
    clear: both;
    display: inline-block;
    font-family: Segoe UI, Tahoma, Arial, Verdana, sans-serif;
    font-size: 100%;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    position: relative;
    text-align: left;
    z-index: 80;
}
ul.generalMenu
{
    display: inline;
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

ul.generalMenu li
{
    float: left;
    background: linear-gradient(to right, #3f75e0, #598ff9, #3f75e0);
    border-radius: 0px;
}

ul.generalMenu li a
{
    border: solid 1px transparent;
    border-radius: 4px;
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    list-style-type: none;
    padding: 3px 10px 3px 10px;
    position: relative;
    text-align: left;
    text-decoration: none;
}

ul.generalMenu li a:hover
{
    border-style: solid solid dotted solid;
    border-width: 1px;
    border-color: #999999 #999999 #FFFFFF #999999;
    border-radius: 4px;
    background: linear-gradient(to right, #598ff9, #3f75e0, #598ff9);
    color: white;
}


table.generalMenu
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-style: solid solid solid solid;
    border-width: 1px;
    border-color: black;
    border-radius: 4px;
}

table.generalMenu td
{
    float: left;
    background: linear-gradient(to right, #3f75e0, #598ff9, #3f75e0);
    border-radius: 0px;
}

table.generalMenu td a
{
    border: solid 1px transparent;
    border-radius: 4px;
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    padding: 3px 10px 3px 10px;
    position: relative;
    text-align: left;
    text-decoration: none;
}

table.generalMenu td a:hover
{
    border-style: solid solid dotted solid;
    border-width: 1px;
    border-color: #999999 #999999 #FFFFFF #999999;
    border-radius: 4px;
    background: linear-gradient(to right, #598ff9, #3f75e0, #598ff9);
    color: white;
}


.btnClass, .button-red, .button-green
{
    padding: 0px 15px;
    height: 25px;
    border: medium none;
    border-radius: 3px;
    color: #FFF;
    font-family: "PT Sans" ,sans-serif;
    cursor: pointer;
    outline: 0 !important;
}
.btnClass:disabled, .button-red:disabled, .button-green:disabled
{
    background: linear-gradient(to bottom, #D3D3D3, #DCDCDC);
    box-shadow: 0px 0px 0px 0px #C0C0C0;
}
.btnClass
{
    background: linear-gradient(to bottom, #fad8a8, #f39f27);
    box-shadow: 1px 1px 1px 0px #C96F32;
}
.btnClass:hover:enabled
{
    background: linear-gradient(to bottom, #fad8a8, #f39f27);
    box-shadow: 2px 2px 2px 0px #C96F32;
}
.btnClass:active:enabled
{
    background: linear-gradient(to bottom, #f39f27, #fad8a8);
    box-shadow: 0px 0px 0px 0px #C96F32;
}
.button-red
{
    background: linear-gradient(to bottom, #f4a2a2, #e51818);
    box-shadow: 1px 1px 1px 0px #cc1515;
}
.button-red:hover:enabled
{
    background: linear-gradient(to bottom, #f4a2a2, #e51818);
    box-shadow: 2px 2px 2px 0 #cc1515;
}
.button-red:active:enabled
{
    background: linear-gradient(to bottom, #e51818, #f4a2a2);
    box-shadow: 0px 0px 0px 0 #cc1515;
}
.button-green
{
    background: linear-gradient(to bottom, #99e299, #00b800);
    box-shadow: 1px 1px 1px 0px #008f00;
}
.button-green:hover:enabled
{
    background: linear-gradient(to bottom, #99e299, #00b800);
    box-shadow: 2px 2px 2px 0px #008f00;
}
.button-green:active:enabled
{
    background: linear-gradient(to bottom, #00b800, #99e299);
    box-shadow: 0px 0px 0px 0px #008f00;
}
.grid-action
{
    text-decoration: none;
}
input[type="image"].grid-action
{
    width: 24px;
    height: 24px;
}
.grid-action img
{
    width: 24px;
    height: 24px;
}
.DataPanel
{
    border: 3px inset #9A91DF;
    background: linear-gradient(to bottom, #E8ebef, #f5f7f8);
}
.TelephonyDataPanel, .CallControlDataPanel
{
    border: 3px inset #9A91DF;
    background: linear-gradient(to bottom, #ffffff, #ffffff);
}
.last-name-whigth
{
    width: 90px;
    padding-left: 10px;
}
select[disabled]
{
    background-color: rgb(235, 235, 228);
}

.table-whigth-full
{
    width: 100%;
}
.first-name-whigth
{
    width: 67px;
}
.client-text-box
{
    width: 98%;
}
.ddb-whigth
{
    width: 227px;
}
.ddb-whigth-22
{
    width: 217px;
}
.table-whigth-notfull
{
    width: 98%;
}
.disabled-work-area
{
    pointer-events: none;
    opacity: 0.4;
}
/*
.OpacityClass
{
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}
*/
/* стили для executiveDropDownList1*/
.popup-panel
{
	position:absolute;
	left:0px;
	top:25px;
	width:300px;
	height:300px;
	background-color:White;
	overflow:auto;
	z-index: 100;
}
.popup_hide
{
	display:none;
}

.StaticMenuStyle {
    min-height: 20px;   
}
.modalBackgroundInvoicing
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.onRingActionPanel {
    height: 600px;
    width: 600px;
    /*background: url("../Images/New/TelefoniyaPopUpBgPx.png") repeat-x #faa34d;*/
    background: linear-gradient(to bottom, #f9891b, #faa34d);
    border-width: 3px;
    border-color: #1b8bf9;
    border-style: solid;
}

.onCrashRingActionPanel {
    height: 600px;
    width: 600px;
    /*background: url("../Images/New/TelefoniyaPopUpBgPx.png") repeat-x #faa34d;*/
    background: linear-gradient(to bottom, #ffa9a1, #ff496c);
    border-width: 3px;
    border-color: #1b8bf9;
    border-style: solid;
}

.tbOperatorQueueBody
{
    width: 100%;
}
.AutoDialTitle
{
    color: #ffffff;
    padding-left: 25px;
    background-color: #5f94bc;
    border: solid 2px #ffffff;
}
.autocomplete_completionListElement
{
    margin: 0px !important;
    background-color: White;
    color: windowtext;
    border: buttonshadow;
    cursor: default;
    overflow: auto;
    text-align: left;
    max-height: 200px;
    list-style-type: none;
    padding: 0px;
}
.autocomplete_highlightedListItem
{
    background-color: #ffff99;
    color: black;
    padding: 1px;
}
.autocomplete_listItem
{
    background-color: White;
    color: windowtext;
    padding: 1px;
}
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.ddl2
        {
            background: url(Images/down_arrow_select.jpg) no-repeat right #ddd;
            font: italic normal normal 14px/1 Arial Black, Gadget, sans-serif;
            cursor: pointer;
            padding: 2px 10px;
            border: 2px solid Gray;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            -webkit-appearance: none; 
            background-image:url('Images/Arrowhead-Down-01.png');
            
            background-position:88px;
            background-repeat:no-repeat;
            overflow: hidden;
            text-indent: 0.01px;/*In Firefox*/
            -o-text-overflow: clip;
            text-overflow: clip;
            color: rgba(25,25,25,0.9);
            text-align: center;
            
        } 
        .enjoy-block-css {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 2px 5px;
  overflow: hidden;
  border: 2px solid rgba(0,0,0,0.27);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font: italic normal normal 14px/1 Arial Black, Gadget, sans-serif;
  
  color: rgba(0,0,0,1);
  text-align: left;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #DDDDDD;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.3) ;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
}
.blue-buttion-css {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 5px 5px;
  border: 1px solid rgba(0,50,68,0.95);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font: normal 16px/normal Georgia, serif;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: -webkit-radial-gradient(closest-side, rgba(0,0,0,0) 0, rgba(61,54,201,1) 100%), rgba(0,160,224,0.95);
  background: -moz-radial-gradient(closest-side, rgba(0,0,0,0) 0, rgba(61,54,201,1) 100%), rgba(0,160,224,0.95);
  background: radial-gradient(closest-side, rgba(0,0,0,0) 0, rgba(61,54,201,1) 100%), rgba(0,160,224,0.95);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  -webkit-box-shadow: 4px 4px 6px 1px rgba(247,247,247,0.27) inset, 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 4px 4px 6px 1px rgba(247,247,247,0.27) inset, 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.green-buttion-css {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 5px 5px;
  border: 1px solid rgba(0,66,15,0.95);
  -webkit-border-radius: 10px;
  border-radius: 10px;
  font: normal 16px/normal Georgia, serif;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: -webkit-radial-gradient(closest-side, rgba(0,0,0,0) 0, rgba(24,150,32,1) 100%), rgba(0,221,62,0.95);
  background: -moz-radial-gradient(closest-side, rgba(0,0,0,0) 0, rgba(24,150,32,1) 100%), rgba(0,221,62,0.95);
  background: radial-gradient(closest-side, rgba(0,0,0,0) 0, rgba(24,150,32,1) 100%), rgba(0,221,62,0.95);
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: auto auto;
  background-size: auto auto;
  -webkit-box-shadow: 4px 4px 6px 1px rgba(247,247,247,0.27) inset, 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 4px 4px 6px 1px rgba(247,247,247,0.27) inset, 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  text-align: center;
}