*{
    margin                : 0;
    padding               : 0;
    -webkit-touch-callout : none;
    -webkit-user-select   : none;
    -khtml-user-select    : none;
    -moz-user-select      : -moz-none;
    -ms-user-select       : none;
    user-select           : none;
    text-rendering: optimizeLegibility;
}
input, textarea{
    -webkit-touch-callout : text !important;
    -webkit-user-select   : text !important;
    -khtml-user-select    : text !important;
    -moz-user-select      : text !important;
    -ms-user-select       : text !important;
    user-select           : text !important;
}
input:focus, button:focus, textarea:focus, .ui-slider-handle:focus /*vgazei to blue outline on focus*/{
    outline-color: transparent;
    outline-style: none;
    -webkit-appearance: none;
    outline: none;
}
html{
    /*background: url(../images/bg.jpg) no-repeat center center fixed;*/
    background-size        : cover;
    -webkit-font-smoothing : subpixel-antialiased;
}
body{
    width    : 100%;
    height   : 100%;
    position : absolute;
    z-index  : 1;
    overflow : hidden;
}
.clear{
    clear : both;
    height: 0px!important;
}
div.app_content .table{padding: 0px 10px;}
div.app_content  .table table {width: 100%;}
.tut_text{
    font-size   : 26px;
    font-weight : bold;
    max-width   : 30%;
    text-shadow : 5px 5px 10px grey;
    color       : lightgrey;
    background  : transparent;
}
.tut_end, .tut_next{
    border-color : white;
    border-style : solid;
    z-index      : 14;
    width        : 100px;
    height       : 100px;
    position     : relative;
    bottom       : 0px;
    display      : none
}

.tut_end{
    border-width        : 6px 7px 0px 0px;
    border-radius       : 20px 100px 20px 20px;
    background          : url("../images/tut_exit.png") no-repeat transparent !important;
    background-position : 10px 20px !important;
    background-size     : 65px auto !important;
}

.tut_next{
    border-width        : 7px 0px 0px 6px;
    border-radius       : 100px 20px 20px 20px;
    background          : url("../images/tut_arrow-right.png") no-repeat transparent !important;
    background-position : 10px 20px !important;
    background-size     : 85px auto !important;
}

.tut_end:hover, .tut_next:hover{
    box-shadow : 2px 4px 10px 10px grey inset;
}

.tut_content{
    background : transparent;
    position   : absolute;
    width      : 100%;
    height     : 100%;
    z-index    : 12;
}

div#overlay{
    z-index    : 11;
    background : rgba(200, 200, 200, 0.9);
    width      : 100%;
    height     : 100%;
    position   : absolute;
}

textarea{
    overflow      : hidden;
    resize        : none;
    border-radius : 4px;
    border        : none;
    box-shadow: 0px 0px 3px 0px rgba(75, 150, 214, 0.9) inset;

}

select, input{
    font-family : 'Open Sans Condensed', sans-serif;
    font-size   : 14px;
}

input{
    /*    padding-left : 2px;*/
    padding: 2px 0px 0px 2px;
}
.login_logo{
    /*    background : url(../images/logo.png) no-repeat center center;    old logo*/
    /*    background : url(../images/echo_logo_new_blue.png) no-repeat center center;*/
    background : url(../images/echo_logo_new_white.png) no-repeat center center;
    width      : 260px;
    height     : 65px;
    /*    margin     : 0px 0 15px;*/
    margin:5px 0 10px
}

.Profile_link{
    float : left;
}

.logout_user{
    float : right;
}

[detail=hide]{
    display : none!important;
}
.loginbox{
    display          : none;
    width            : 260px;
    height           : 180px;
    background-color : #000000;
    background       : rgba(0, 0, 0, 0.5);
    border-radius    : 15px;
    position         : absolute;
    left             : 0px;
    right            : 0;
    top              : 0px;
    bottom           : 0;
    margin           : 0px;
    box-shadow       : 10px 10px 50px 0 #000000;
    z-index          : 9999;
    padding-top      : 10px;
}

.loginbox table{
    margin : 0 10px;
}

.loginbox .formelement{
    width         : 160px;
    height        : 32px;
    margin        : 2px 0;
    background    : rgba(0, 0, 0, 0.75);
    border-radius : 6px;
    border        : none;
    color         : #CCCCCC;
    font-size     : 25px;
    padding       : 0 4px;
    font-family   : 'Open Sans Condensed', sans-serif;
}

.formelement[type="password"]{
    padding-right : 29px;
    width         : 135px;
}

.Login_Submit_btn{
    background : url(../images/login_arrow.png) no-repeat 50% 50%;
    width      : 22px;
    height     : 22px;
    position   : absolute;
    z-index    : 1;
    cursor     : pointer;
    margin     : 7px 0 0 140px;
}

.Learn_more, .Copyright{
    position : absolute;
    z-index  : 1;
    bottom   : 10px;
    cursor: pointer;
}

.Learn_more{
    left : 10px;
}

.Copyright{
    right : 10px;
}

.Copyright img{
    vertical-align : bottom;
    margin-left    : 5px;
}

.Learn_more a, .Copyright{
    color           : #CCCCCC;
    text-shadow     : 3px 3px 3px #000000;
    font-family     : 'Open Sans Condensed', sans-serif;
    font-size       : 15px;
    text-decoration : none;
}

/* Start Side Bar */
.sidebar{
    left               : -65px;
    width              : 60px;
    height             : 100%;
    /*    background         : rgba(0, 0, 0, 0.5);*/
    -moz-box-shadow    : 0 0 18px 0px #000000;
    -webkit-box-shadow : 0 0 18px 0px #000000;
    box-shadow         : 0 0 18px 0px #000000;
    position           : absolute;
    z-index            : 8;
    top                : 0;
    background: rgba(240, 240, 240, 0.6);
}

.icons{
    margin : 20px 0 0 5px;
    cursor : pointer;
    width  : 50px;
    height : 50px;
}

.icons .notif{
    display : none;
}

.open .notif{
    display     : block;
    background  : url(../images/notify.png) no-repeat 100% 100%;
    height      : 20px;
    padding     : 30px 0 0 38px;
    width       : 12px;
    font-family : 'Open Sans Condensed', sans-serif;
    color       : #FFFFFF;
    position: absolute;
    z-index: 1000;
}

/* End Side Bar */
/* Start Top Bar */
.menu{
    top                : -40px;
    right              : 0px;
    /*min-width:200px;
    height:31px;*/
    /*    background         : rgba(0, 0, 0, 0.5);*/
    -moz-box-shadow    : 5px 0px 5px #000000;
    -webkit-box-shadow : 5px 0px 5px #000000;
    box-shadow         : 5px 0px 5px #000000;
    position           : absolute;
    z-index            : 10;
    border-radius      : 0 0 0 15px;
    color              : #CCCCCC;
    font-family        : 'Open Sans Condensed', sans-serif;
    font-size          : 15px;
    text-decoration    : none;
    padding-right      : 20px;
    background: rgba(240, 240, 240, 0.6);
}

.menu .avatar, .menu .create, .menu .messages, .menu .search, .menu .tasks{
    width  : 25px;
    height : 25px;
    float  : left;
    margin : 5px 0 5px 20px;
    cursor : pointer;
}

.avatar_container{
    float   : left;
    padding : 5px;
}

.avatar_info{
    float      : right;
    font-size  : 18px;
    /*    padding:13px 5px 0 10px;*/
    /*    color      : #FFFFFF;*/
    color      : #000000;
    text-align : center;
    min-width  : 100px;
    background : url("../images/line.png") no-repeat scroll center 24px;
}

.avatar_container img{
    cursor : default;
}
/*.user_name{
    font-size:16px;
}*/
.menu .open{
    /*_avatar, .menu .open_create, .menu . , .menu .open_search*/
    min-height            : 25px;
    min-width             : 190px;
    background            : rgba(0, 0, 0, 0.75);
    background            : rgba(240, 240, 240, 0.85);
    position              : absolute;
    z-index               : 10;
    display               : none;
    top                   : 38px;
    border-radius         : 6px;
    -moz-border-radius    : 6px;
    -webkit-border-radius : 6px;
    padding               : 2px 0px;
    right                 : 2px;
    box-shadow            : -2px 3px 4px 1px rgba(30, 30, 30, 0.7);
    -moz-box-shadow       : -2px 3px 4px 1px rgba(30, 30, 30, 0.7);
    -webkit--box-shadow   : -2px 3px 4px 1px rgba(30, 30, 30, 0.7);
}
.open_avatar.open{
    background            : -moz-linear-gradient(center top, rgba(0, 0, 0, 0.75) 20%, rgba(40, 130, 170, 0.75) 84%, rgba(22, 75, 97, 0.75) 115%) repeat scroll 0 0;
    background            : -webkit-gradient(center top, rgba(0, 0, 0, 0.75) 20%, rgba(40, 130, 170, 0.75) 84%, rgba(22, 75, 97, 0.75) 115%) repeat scroll 0 0;
    filter                : progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#9cdaf4', EndColorStr='#33ade0', GradientType=0);
    top                   : 34px;
    -webkit-border-radius : 0 0 8px 8px; /* for Chrome + Safari */
    -moz-border-radius    : 0 0 8px 8px; /* for Firefox */
    -khtml-border-radius  : 0 0 8px 8px; /* for Konqueror */
    border-radius         : 0 0 8px 8px; /* for Opera 10.5, IE9 and future-proofing */
}

.main_search{
    width         : 180px;
    border        : none;
    height        : 25px;
    margin        : 3px;
    font-size     : 16px;
    border-radius : 8px;
    height        : 24px;
    padding       : 3px 8px;
    font-family   : 'Open Sans Condensed', sans-serif;
}

.comm_inp{
    width         : 180px;
    border        : none;
    height        : 20px;
    margin        : 3px;
    font-size     : 16px;
    border-radius : 8px;
    height        : 20px;
    padding       : 3px 8px;
    font-family   : 'Open Sans Condensed', sans-serif;
}

.comm_inp_action{
    position              : relative;
    top                   : 4px;
    left                  : -76px;
    width                 : 80px;
    width                 : 120px;
    border                : none;
    height                : 20px;
    margin                : 3px;
    font-size             : 12px;
    border-radius         : 8px;
    height                : 26px;
    border-radius         : 18px;
    -moz-border-radius    : 18px;
    -webkit-border-radius : 18px;
    background            : url(../images/comhub_images/mute.png) no-repeat 3px 5px, -moz-linear-gradient(top, rgba(255, 48, 25, 0.92) 0%, rgba(255, 124, 112, 0.91) 50%, rgba(207, 4, 4, 0.9) 100%);
    background            : url(../images/comhub_images/mute.png) no-repeat 3px 5px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 48, 25, 0.92)), color-stop(50%, rgba(255, 124, 112, 0.91)), color-stop(100%, rgba(207, 4, 4, 0.9)));
    background            : url(../images/comhub_images/mute.png) no-repeat 3px 5px, -webkit-linear-gradient(top, rgba(255, 48, 25, 0.92) 0%, rgba(255, 124, 112, 0.91) 50%, rgba(207, 4, 4, 0.9) 100%);
    background            : url(../images/comhub_images/mute.png) no-repeat 3px 5px, -o-linear-gradient(top, rgba(255, 48, 25, 0.92) 0%, rgba(255, 124, 112, 0.91) 50%, rgba(207, 4, 4, 0.9) 100%);
    background            : url(../images/comhub_images/mute.png) no-repeat 3px 5px, -ms-linear-gradient(top, rgba(255, 48, 25, 0.92) 0%, rgba(255, 124, 112, 0.91) 50%, rgba(207, 4, 4, 0.9) 100%);
    background            : url(../images/comhub_images/mute.png) no-repeat 3px 5px, linear-gradient(to bottom, rgba(255, 48, 25, 0.92) 0%, rgba(255, 124, 112, 0.91) 50%, rgba(207, 4, 4, 0.9) 100%);
    text-align            : left;
    box-shadow            : 2px 2px 3px -2px rgba(10, 10, 10, 0.6) inset;
    color                 : #FFFFFF;
    cursor                : pointer;
}
.credits_num {
    font-size: 18px;
    font-weight: bold;
    color: rgba(75, 150, 214, 1);
}
.comm_inp_action2{
    background : url(../images/comhub_images/speaker.png) no-repeat 3px 5px;
    cursor     : pointer;
}

#phone{
    cursor : pointer;
}

#actions{
    cursor : pointer;
}

.menu .open a{
    /*    color : #FFFFFF*/
    color : #000000;
}
.menu .open a:hover{
    color:rgba(100,100,100,0.6);
}
.menu .avatar{
    /*    -webkit-mask: url(../images/menu/user_icon.png) no-repeat center center;
        background: #242424;*/
    background: url(../images/menu/user_icon.png) no-repeat center center;
}
.menu .create{
    /*    -webkit-mask:  url(../images/menu/star_icon.png) no-repeat center center;
        background: #242424;*/
    background:  url(../images/menu/star_icon.png) no-repeat center center;
}
.menu .messages{
    /*    -webkit-mask : url(../images/menu/antenna.png) no-repeat center center;
        background: #242424;*/
    background : url(../images/menu/antenna.png) no-repeat center center;
}
.menu .search{
    /*    -webkit-mask : url(../images/menu/search_icon.png) no-repeat center center;
        background: #242424;*/
    background: url(../images/menu/search_icon.png) no-repeat center center;
}
.menu .tasks{
    -webkit-mask : url(../images/menu/tasks_icon.png) no-repeat center center;
    background: #242424;
}

/* End Top Bar */
.content{
    width      : 100%;
    height     : 100%;
    overflow-y : auto;
    overflow-x : hidden;
}

.content div.Window{
    width                   : 100%;
    height                  : 100%;
    position                : absolute;
    /*    overflow                : auto;*/
    z-index                 : 3;
    -moz-transform-style    : preserve-3d;
    -webkit-transform-style : preserve-3d;
    transform-style         : preserve-3d;
}

.win_content{
    /*    margin: 10px 10px 10px 80px;*/
    margin : 0px 10px 0px 80px;
    height : 100%;
}

/*.close_win{
    width:18px;
    height: 18px;
    background: url(../images/close.png) no-repeat 0 0;
    margin-top: 15px;
    margin-left: 5px;
    cursor: pointer;
    float:left;
}*/
.Loader_canv{
    position : absolute;
    top      : 50%;
    left     : 50%;
    z-index  : 99999;
}

.offline{
    width      : 30px;
    height     : 31px;
    background : url(../images/offline.png) no-repeat 50% 50%;
    position   : absolute;
    z-index    : 10;
    top        : 2px;
    right      : 205px;
    display    : none;
}

#progress{
    width      : 30px;
    height     : 31px;
    position   : absolute;
    z-index    : 10;
    top: 4px;
    right: 285px;
    display    : none;
}

.Apps_container{
    width                   : 100%;
    height                  : 100%;
    left                    : -2000px;
    top                     : 0;
    position                : absolute;
    z-index                 : 7;
    color                   : #FFFFFF;
    font-family             : 'Open Sans Condensed', sans-serif;
    overflow                : auto;
    -moz-transform-style    : preserve-3d;
    -webkit-transform-style : preserve-3d;
    transform-style         : preserve-3d;
}

/*.Apps_container .splitter{
    background: rgba(0, 0, 0, 0.8);
    border-bottom: 1px solid #1D1F21;
    font-size: 12px;
    margin: 40px 100px;
    padding: 6px 40px 5px;
    text-align: center;
}*/
.Apps_container .apps_content{
    margin        : 50px 10px 10px 80px;
    /*    background    : rgba(0, 0, 0, 0.75);*/
    border-radius : 10px;
    padding-left  : 70px;
    box-shadow    : 2px 3px 4px 1px rgba(30, 30, 30, 0.7);
    background: rgba(240, 240, 240, 0.6);
}

.Apps_container .splitter li, .Apps_container .splitter ul, .Apps_container .splitter ul li a{
    display     : inline-block;
    line-height : 1;
}

.Apps_container .splitter > li{
    padding-left : 8px;
}

.Apps_container ul li{
    list-style : square outside none;
}

.Apps_container li{
    list-style : none outside none;
}

.Apps_container .splitter > li ul{
    margin-left : 8px;
}

.Apps_container .splitter ul{
    background-position : 0 -138px;
    background-repeat   : repeat-x;
}

.Apps_container .splitter li, .Apps_container .splitter ul, .Apps_container .splitter ul li a{
    display     : inline-block;
    line-height : 1;
}

.Apps_container .splitter ul{
    margin-right : 0;
    margin-top   : 0;
}

.Apps_container .image-grid li{
    float       : left;
    width       : 100px;
    height      : 160px;
    line-height : 17px;
    margin      : 15px 70px 0 0;
    overflow    : hidden;
    text-align  : center;
}

.Apps_container .image-grid li div.img{
    width  : 100px;
    height : 100px;
}

.Apps_container .image-grid li div.img hover{
    width : 200px;
}

.Apps_container .image-grid li div.name{
    margin-top : 2px;
}

.apps_content #list_apps{
    padding : 0 0 20px 0;
}

#list_apps li{
    cursor : pointer;
    color: #242424;
}

.Remove_apps{
    width    : 100%;
    height   : 100%;
    position : absolute;
    z-index  : 2;
    overflow : hidden;
    top      : 0;
    left     : 70px;
}

#sort_container{
    width      : 60px;
    height     : 100%;
    overflow-y : hidden;
    overflow-x : hidden;
}

.New_form_float, .Edit_form_float, .Extra_form_float,.Extra_form_float_order{
    background    : #DDDDDD;
    position      : absolute;
    z-index       : 10;
    left          : 230px;
    background    : rgba(255, 255, 255, 0.8);
    border-radius : 8px;
    padding       : 10px;
    box-shadow    : 3px 5px 10px #000000;
    color         : #000000;
    font-family   : 'Open Sans Condensed', sans-serif;
}

.New_form_float form, .Edit_form_float form{
    padding-right         : 16px;
    border                : 1px solid rgba(255, 255, 255, 0.3);
    -webkit-border-radius : 5px; /* for Chrome + Safari */
    -moz-border-radius    : 5px; /* for Firefox */
    -khtml-border-radius  : 5px; /* for Konqueror */
    border-radius         : 5px; /* for Opera 10.5, IE9 and future-proofing */
}

.New_form_float form table, .Edit_form_float form table{
    margin : auto 15px;
}

form.sub_form{
    width : 70%;
    float : right;
    width : 70%;
}

button.sub_new{
    display : none;
}

div.inForm{
    overflow-y : auto;
    float      : left;
    width      : 100%;
}

div.inForm table{
    font-size : 14px;
}

.Javascript{
    display : none;
}

input[type=text], input[type=password]{
    border-radius : 4px;
    border        : none;
    min-height    : 18px;
}
.OpenAndGoToApp, .quick_apps div{
    cursor : pointer;
    color: #000000;
}
.Search_For{
    display       : none;
    border-bottom : 1px solid #FFFFFF;
    cursor        : pointer;
    color: #000000;

}
div.Search_For > span, div.Search_For > div{
    display: table-cell;
    padding-left:4px;
}
.Search_results{
    display  : none;
    cursor   : pointer;
    overflow : auto;
    color: #000000;

}
.Search_For.active, .quick_apps div.active, .Search_results div.active{
    /*    background : rgba(255, 255, 255, 0.5);*/
    background : rgba(248, 248, 248, 0.8);
    color:#000000;
}
.quick_apps div:hover{
    background : rgba(248, 248, 248, 0.8);
    box-shadow: 0px 0px 3px -1px rgba(50,50,50,0.4) inset
}
.Home_widgets{
    bottom   : 15px;
    left     : 80px;
    position : absolute;
    right    : 15px;
    top      : 60px;
    overflow : hidden;
}
button[name="New_widget"]{
    position : absolute;
    left     : 0px;
    bottom   : 0px;
    z-index  : 4999;
}
.Widgets table{
    margin   : 0;
    position : relative;
    left     : 0;
}
.Widgets{
    position         : absolute;
    height           : 120px;
    padding          : 10px 50px;
    left             : 0px;
    right            : 0px;
    border-radius    : 0 0 8px 8px;
    background-color : rgba(126,179,224,.3);
    bottom           : -140px;
    overflow         : hidden;
    text-align       : center;
    z-index          : 4999;
    border-top: 1px solid rgba(50,50,50,0.3);
    box-shadow: 0px -2px 8px -1px rgba(100,100,100,.5);
}
.Widgets .slider_content{
    position : absolute;
    margin   : 0 50px;
    overflow : hidden;
    left     : 0;
    right    : 0;
    color: rgba(50,50,50,0,9);
}
.Widgets .arrow{
    width    : 20px;
    height   : 20px;
    bottom   : 55px;
    position : absolute;
    display  : none;
}
.Widgets .con_left{
    left     : 0px;
    position : absolute;
    height   : 120px;
    width    : 50px;
}
.Widgets .con_right{
    right    : 0px;
    position : absolute;
    height   : 120px;
    width    : 50px;
}
.Widgets .con_left .arrow{
    background : url("../js/helpers/fancybox_buttons.png") no-repeat scroll -7px -5px;
    left       : 15px;
}

.Widgets .con_right .arrow{
    background : url("../js/helpers/fancybox_buttons.png") no-repeat scroll -35px -5px;
    right      : 5px;
}
.Widgets td{
    width          : 120px;
    min-width      : 120px;
    height         : 115px;
    overflow       : hidden;
    text-align     : center;
    cursor         : pointer;
    vertical-align : top;
    font-family    : 'Open Sans Condensed', sans-serif;
    text-align     : center;
}
.Widgets .widget_img{
    width       : 75px;
    height      : 75px;
    margin-left : 22px;
}
.widget{
    min-width     : 160px;
    min-height    : 160px;
    border-radius : 0px;
    border        : none;
    float         : left;
    text-align    : center;
    padding       : 10px;
    font-family   : 'Open Sans Condensed', sans-serif;
    font-size     : 16px;
    text-shadow   : 1px 1px 2px #000000;
    /*box-shadow: 1px 1px 2px #000;*/
    position      : absolute;
}
.widget .remove_widget{
    background : url("../js/helpers/fancybox_buttons.png") no-repeat scroll -68px -8px;
    width      : 15px;
    height     : 15px;
    position   : relative;
    float      : left;
    cursor     : pointer;
    margin     : -5px 0 0 0px;
    display    : inline-block;
    opacity    : 0;
}
.widget:hover .remove_widget{
    opacity : 1;
}
.widget .move_widget{
    background : url("../js/helpers/fancybox_buttons.png") no-repeat scroll -68px -39px;
    width      : 15px;
    float      : left;
    height     : 15px;
    position   : relative;
    cursor     : pointer;
    margin     : -5px 0 0 0px;
    display    : inline-block;
    opacity    : 0;
}
.widget:hover .move_widget{
    opacity : 1;
}
.app_content, .sub_content{
    background    : none repeat scroll 0 0 rgba(255, 255, 255, 0.80);
    border-radius : 10px 10px 10px 10px;
    font-family   : 'Open Sans Condensed', sans-serif;
    /*    min-width: 500px;*/
    float         : left;
    box-shadow    : 2px 2px 9px -2px #000000;
}
.sub_content{
    display  : none;
    position : absolute;
}
.white{
    background-color : #FFFFFF;
}
.gkri{
    background-color : #EAEAEA;
}
table.data{
    font-family     : 'Open Sans Condensed', sans-serif;
    font-size       : 16px;
    /*    margin          : 0 10px 10px;*/
    min-width       : 470px;
    border-collapse : collapse;
}
table.data tfoot td {
    background : #FFFFFF;
    background  : url("../images/bg_window_header.png") repeat-x scroll 0 0 #CDCDCD;
    font-weight : bold;
    border-top: none;
}
table.data tr th{
    font-weight : bold;
}

table.data thead tr td{
    background  : url("../images/bg_window_header.png") repeat-x scroll 0 0 #CDCDCD;
    font-weight : bold;
}
table.data tbody tr.grey td{
    background : #EEEEEE;
}
table.data tbody tr td{
    background : #FFFFFF;
}
table.data tbody tr td img{
    vertical-align : top;
}

table.data tr th, table.data tr td{
    padding    : 3px;
    /*    text-align : center;*/
}
table.data tr td{
    color      : #666666;
    border-top : 1px solid #CCCCCC;
}
table.data thead tr td{
    border-top  : none;
    font-weight : normal
}
table.data thead tr:first-child td:first-child{
    border-radius      : 6px 0 0 0;
    -moz-border-radius : px 0 0 0;
}

table.data thead tr td:hover{
    /*    font-weight:bold;*/
}
table.data thead tr:last-child td:last-child{
    border-radius      : 0 6px 0 0;
    -moz-border-radius : 0 6px 0 0;
}
table.data tr:last-child td:first-child{
    border-radius      : 0 0 0 6px;
    -moz-border-radius : 0 0 0 6px;
}
table.data tr:last-child td:last-child{
    border-radius      : 0 0 6px 0;
    -moz-border-radius : 0 0 6px 0;
}
table.data tfoot td {
    color: #FFF;
    font-weight: bold;
    border-top: none;
}
table.Form{
    border-collapse : collapse;
    /*    color: #FFF;*/
    color           : #000000;
    margin          : auto 15px auto 20px;
}
table.Form td{
    padding : 2px 3px;
}
/*----Splitter-------*/
.splitter{
    /*    border-bottom : 1px solid #1D1F21;*/
    font-size     : 18px;
    padding       : 6px 70px 5px 0;
    text-align    : center;
    border-radius : 10px 10px 0 0;
    font-family   : 'Open Sans', sans-serif;
    font-weight   : 300;
    margin-left   : -70px;
    /*    background: -moz-linear-gradient(top,  rgba(255,255,255,0.35) 27%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.35) 72%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgba(255,255,255,0.35)), color-stop(50%,rgba(255,255,255,0)), color-stop(72%,rgba(255,255,255,0.35)));
        background: -webkit-linear-gradient(top,  rgba(255,255,255,0.35) 27%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.35) 72%);
        background: -o-linear-gradient(top,  rgba(255,255,255,0.35) 27%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.35) 72%);
        background: -ms-linear-gradient(top,  rgba(255,255,255,0.35) 27%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.35) 72%);
        background: linear-gradient(to bottom,  rgba(255,255,255,0.35) 27%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.35) 72%);*/
    /*    background    : -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(77, 77, 77, 0.81) 5%, rgba(66, 66, 66, 0.81) 8%, rgba(12, 12, 12, 0.85) 44%, rgba(1, 1, 1, 0.86) 56%, rgba(0, 0, 0, 0.9) 100%);
        background    : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(5%, rgba(77, 77, 77, 0.81)), color-stop(8%, rgba(66, 66, 66, 0.81)), color-stop(44%, rgba(12, 12, 12, 0.85)), color-stop(56%, rgba(1, 1, 1, 0.86)), color-stop(100%, rgba(0, 0, 0, 0.9)));
        background    : -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(77, 77, 77, 0.81) 5%, rgba(66, 66, 66, 0.81) 8%, rgba(12, 12, 12, 0.85) 44%, rgba(1, 1, 1, 0.86) 56%, rgba(0, 0, 0, 0.9) 100%);
        background    : -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(77, 77, 77, 0.81) 5%, rgba(66, 66, 66, 0.81) 8%, rgba(12, 12, 12, 0.85) 44%, rgba(1, 1, 1, 0.86) 56%, rgba(0, 0, 0, 0.9) 100%);
        background    : -ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(77, 77, 77, 0.81) 5%, rgba(66, 66, 66, 0.81) 8%, rgba(12, 12, 12, 0.85) 44%, rgba(1, 1, 1, 0.86) 56%, rgba(0, 0, 0, 0.9) 100%);
        background    : linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(77, 77, 77, 0.81) 5%, rgba(66, 66, 66, 0.81) 8%, rgba(12, 12, 12, 0.85) 44%, rgba(1, 1, 1, 0.86) 56%, rgba(0, 0, 0, 0.9) 100%);*/
    background: rgba(100,100,100,0.7);
    box-shadow    : 0px 4px 4px -2px rgba(20, 20, 20, 0.6);
}

.splitter:after{
    clear    : both;
    content  : "";
    display  : block;
    height   : 0;
    overflow : hidden;
}

.splitter ul{
    margin-right : 0;
    margin-top   : 0;
}

.splitter > li{
    padding-left : 8px;
}

.splitter > li ul{
    margin-left : 8px;
}

.splitter ul li a{
    border-bottom : 0 none;
    position      : static;
}

.splitter li, .splitter ul, .splitter ul li a{
    display     : inline-block;
    line-height : 1;
}

.splitter ul{
    background-position : 0 -138px;
    background-repeat   : repeat-x;
}

.splitter ul li{
    /*    margin-left: 1px;*/
    /*    border-bottom: 2px solid rgba(180,180,180,0.5);*/
    margin : 5px;
}

.splitter ul li:first-child{
    margin-left : 0;
}

.splitter ul li a{
    color           : rgba(238, 238, 238, 0.8);
    /*    padding: 5px 8px 6px;*/
    padding         : 5px 0px 3px;
    text-decoration : none;
    margin          : 0px 4px;
    text-shadow: 0 1px 2px #313131;
}

.splitter ul li a:hover{
    text-shadow : 0px 0px 13px rgba(166, 174, 202, 0.93);
    /*    border-bottom : 1px solid rgba(200, 200, 200, 0.8);*/
    /*    box-shadow    : 0px 2px 3px -2px rgba(220, 220, 220, 0.6);
        transition    : box-shadow 0.3s ease-in-out;
        -webkit-transition : box-shadow 0.3s ease-in-out;
        transition    : text-shadow 0.1s ease-in-out;
        -webkit-transition    : text-shadow 0.1s ease-in-out;*/
}

.splitter ul li.segment-0, .splitter ul li.segment-2{
    background-position : -3px -92px;
}

.splitter ul li.segment-1{
    background-position : 0 -92px;
}

.splitter ul li.segment-0 a, .splitter ul li.segment-1 a{
    background-position : 0 -161px;
}

.splitter ul li.segment-2 a{
    background-position : 100% -115px;
}

.splitter ul li.selected a{
    color       : #FFFFFF;
    text-shadow : 0 1px 0 rgba(0, 0, 0, 0.25);
}

.splitter ul li.selected{
    background-position : 0 -23px;
}

.splitter ul li.selected a{
    background-position : 100% -46px;
    border-bottom       : 2px solid rgba(250, 250, 250, 0.8);
}

.Link_Tabs, .Edit_Link_Tabs{
    margin : 8px 8px 4px;
}

.Link_Tabs ul, .Edit_Link_Tabs ul{
    list-style-type : none;
    margin          : 0;
    padding         : 0;
}
.Edit_Link_Tabs ul{
    display: table-cell;
}
.Link_Tabs ul li, .Edit_Link_Tabs ul li{
    float       : left;
    color       : rgba(60, 60, 60, 0.9);
    font-family : 'Open Sans Condensed', sans-serif;
    font-size   : 18px;
    padding     : 0px 2px;
    line-height : 24px;
    cursor      : pointer;
    margin      : 0 6px;
    -webkit-text-stroke: 10px rgba(0,0,0,0);
}

.Link_Tabs li:hover, .Edit_Link_Tabs li:hover{
    /*    border-bottom : 2px solid rgba(0, 54, 202, 0.2);*/
    padding : 0px 2px;
}

.Link_Tabs li.active, .Edit_Link_Tabs li.active, .Edit_form_float li.active{
    /*    border-bottom : 2px solid rgba(0, 54, 202, 0.55);*/
    color   : rgba(0, 54, 202, 1.0);
    padding : 0px 2px;
}

.Edit_Link_Tabs ul li, .Edit_form_float ul li{
    color       : rgba(250, 250, 250, 0.95);
    padding-top : 10px;
}

.Edit_Link_Tabs li:hover, .Edit_form_float li:hover{
    /*    border-bottom : 2px solid rgba(181, 192, 220, 0.2);*/
    padding-top : 10px;
}

.Edit_Link_Tabs li.active, .Edit_form_float li.active{
    /*    border-bottom : 2px solid rgba(197, 222, 255, 0.8);*/
    color       : rgba(255, 255, 255, 0.9);
    padding-top : 10px;
    height: 30px;
}

/*------------------------------------------------*/
/*---------------[NEW MENU]------------------*/
/*------------------------------------------------*/

.Link_Tabs li, .Edit_Link_Tabs li, .apps_content ul.splitter li{
    float  : left;
    margin : 0 10px;
}

.Link_Tabs > ul > li:first-child, .Edit_Link_Tabs > ul > li:first-child, .apps_content > ul.splitter > li:first-child{
    margin-left : 0;
}

.apps_content > ul.splitter > li:first-child{
    width : 100%;
}

.Link_Tabs div, .Edit_Link_Tabs div, div.apps_content ul.splitter div{
    /*    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);*/
    position : relative;
}

.Link_Tabs > ul > li > div, .Edit_Link_Tabs > ul > li > div, .apps_content > ul.splitter > li > div{
    padding-bottom : 10px;
    color          : rgba(60, 60, 60, 0.9);
}

.Link_Tabs div, .Link_Tabs div .menu-highlight, .Edit_Link_Tabs div, .Edit_Link_Tabs div .menu-highlight, .apps_content ul.splitter div, .apps_content ul.splitter div .menu-highlight{
    -webkit-backface-visibility : hidden;
    -moz-backface-visibility    : hidden;
    -o-backface-visibility      : hidden;
    backface-visibility         : hidden;
    -moz-transition             : all 0.12s ease-in-out;
    -webkit-transition          : all 0.12s ease-in-out;
    transition                  : all 0.12s ease-in-out;
    -moz-transform-style        : preserve-3d;
    -webkit-transform-style     : preserve-3d;
    transform-style             : preserve-3d;
    height: 30px;
    -webkit-font-smoothing : subpixel-antialiased;
}
.apps_content ul.splitter div{
    height: 20px;
}
.Link_Tabs div .menu-highlight, .Edit_Link_Tabs div .menu-highlight, .apps_content ul.splitter div .menu-highlight{
    position          : absolute;
    /*    bottom            : 8px;*/
    left              : 0;
    background        : rgba(0, 54, 202, 1.0);
    height            : 2px;
    width             : 100%;
    -webkit-transform : scale(0, 1);
    -moz-transform    : scale(0, 1);
    transform         : scale(0, 1);
    -webkit-font-smoothing : subpixel-antialiased;
}

.Link_Tabs div:hover, .Link_Tabs li.active > div, .Edit_Link_Tabs div:hover, .Edit_Link_Tabs li.active > div, .apps_content ul.splitter div:hover, .apps_content ul.splitter li.active > div{
    /*    text-shadow: 0 0 15px rgba(255,255,255,0.6);*/
}

.Link_Tabs div:hover .menu-highlight, .Link_Tabs li.active > div .menu-highlight, .Edit_Link_Tabs div:hover .menu-highlight, .Edit_Link_Tabs li.active > div .menu-highlight, .apps_content ul.splitter div:hover .menu-highlight, .apps_content ul.splitter li.active > ul.splitter div .menu-highlight{
    -webkit-transform : scale(1, 1);
    -moz-transform    : scale(1, 1);
    transform         : scale(1, 1);
    background        : rgba(0, 54, 202, 0.8);
    -webkit-font-smoothing : subpixel-antialiased;
}

.Link_Tabs div:hover .menu-highlight, .Edit_Link_Tabs div:hover .menu-highlight{
    background : rgba(0, 54, 202, 0.2);
}

.Link_Tabs li.active div, .Edit_Link_Tabs li.active div, .apps_content ul.splitter li.active div{
    color : rgba(0, 54, 202, 1.0);
}

.apps_content ul.splitter div .menu-highlight{
    bottom     : -5px;
    background : rgba(200, 200, 200, 0.8);
}

.apps_content ul.splitter div:hover .menu-highlight{
    background : rgba(200, 200, 200, 0.5);
}

.Edit_form_float .Link_Tabs li.active > div, .New_form_float .Link_Tabs li.active > div, .Edit_form_float .Edit_Link_Tabs li.active > div{
    color : rgba(250, 250, 250, 0.95);
}

.Edit_form_float .Link_Tabs li.active > div .menu-highlight, .New_form_float .Link_Tabs li.active > div .menu-highlight, .Edit_form_float .Edit_Link_Tabs li.active > div .menu-highlight{
    background : rgba(181, 192, 220, 0.8);
}

.Edit_form_float .Link_Tabs div:hover .menu-highlight, .Edit_form_float .Edit_Link_Tabs div:hover .menu-highlight, .New_form_float .Link_Tabs div:hover .menu-highlight, .New_form_float .Edit_Link_Tabs div:hover .menu-highlight{
    background : rgba(181, 192, 220, 0.2);
}

.Edit_form_float .Link_Tabs > ul > li > div, .New_form_float .Link_Tabs > ul > li > div, .Edit_form_float .Edit_Link_Tabs > ul > li > div{
    color : rgba(200, 200, 200, 0.9);
}

.Link_Tabs ul.lang_container li{
    background-position: 0px 14px!important;
    padding:10px 0 0 25px;
    width: auto;
    height: 30px;
}
div.Edit_form_float .Link_Tabs ul.lang_container li{
    background-position: 0px 14px!important;
}
.Edit_Link_Tabs{
    /*    display: table-cell;*/
}
div.Edit_form_float  div.Link_Tabs{
    float: none!important;
}
.Edit_form_float div.Link_Tabs ul{
    display: table-cell;
}
/*------------------------------------------------*/

/******************** Button ********************/
button, .uploadifive-button, button.New_Folder{
    display                 : inline-block;
    border                  : 0px solid;
    border-color            : #50A3C8 #297CB4 #083F6F;
    -webkit-background-size : 100% 100%;
    -moz-background-size    : 100% 100%;
    -o-background-size      : 100% 100%;
    background-size         : 100% 100%;
    background              : url(../images/add.gif) no-repeat 6px 8px, -moz-linear-gradient(top, white, #72C6E4 4%, #0C5FA5);
    background              : url(../images/add.gif) no-repeat 6px 8px, -webkit-gradient(linear, left top, left bottom, from(white), to(#0C5FA5), color-stop(0.03, #72C6E4));
    -moz-border-radius      : 0.333em;
    -webkit-border-radius   : 0.333em;
    border-radius           : 0.333em;
    color                   : white;
    text-shadow             : 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow              : 1px 0px 2px rgba(0, 0, 0, 0.20);
    /*box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);*/
    font-family             : sans-serif;
    font-size               : 14px;
    margin                  : 8px;
    padding                 : 6px 12px 6px 26px;
    line-height             : 22px;
    cursor                  : pointer;
    font-weight             : bold;
    height                  : 36px;
    background-size         : auto;
}

div.uploadifive-button:hover, button.New_Folder:hover{
    background : url(../images/add.gif) no-repeat 6px 8px, -moz-linear-gradient(top, white, #2BCEF3 4%, #057FDB);
    background : url(../images/add.gif) no-repeat 6px 8px, -webkit-gradient(linear, left top, left bottom, from(white), to(#057FDB), color-stop(0.03, #2BCEF3));
}

button.Save_New.loading, button.Send_newsletter.loading, button.Save_Edit.loading{
    /*    background: url("../images/tick-circle.png") no-repeat 6px 8px, url(../images/progressBarAnim.gif) repeat 0 0;*/
    background      : url(../images/progressBarAnim.gif) repeat 0 0;
    background-size : 10px 110px;
}

button img{
    margin-bottom : -3px;
}

button:hover, .uploadifive-button:hover{
    border-color : #1EAFDC #1193D5 #035592;
    background   : #057FDB url(../images/old-browsers-bg/button-element-hover-bg.png) repeat-x left top;
    background   : -moz-linear-gradient(top, white, #2BCEF3 4%, #057FDB);
    background   : -webkit-gradient(linear, left top, left bottom, from(white), to(#057FDB), color-stop(0.03, #2BCEF3));
}

button:active{
    border-color : #5B848B #B2DEF1 #B2DEF1 #68A6BA;
    background   : #3DBFED url(../images/old-browsers-bg/button-element-active-bg.png) repeat-x top;
    background   : -moz-linear-gradient(top, #89E7F9, #3DBFED);
    background   : -webkit-gradient(linear, left top, left bottom, from(#89E7F9), to(#3DBFED));
    box-shadow   : none;
}

button.red, .red button{
    color        : white;
    border-color : #BF3636 #5D0000 #0A0000;
    background   : #790000 url(../images/old-browsers-bg/button-element-red-bg.png) repeat-x top;
    background   : -moz-linear-gradient(top, white, #CA3535 4%, #790000);
    background   : -webkit-gradient(linear, left top, left bottom, from(white), to(#790000), color-stop(0.03, #CA3535));
    margin       : 2px 0;
}

button.red:hover, .red button:hover{
    border-color : #C24949 #9D3D3D #590909;
    background   : #9D0404 url(../images/old-browsers-bg/button-element-red-hover-bg.png) repeat-x top;
    background   : -moz-linear-gradient(top, white, #FE6565 4%, #9D0404);
    background   : -webkit-gradient(linear, left top, left bottom, from(white), to(#9D0404), color-stop(0.03, #FE6565));
}

button.red:active, .red button:active{
    border-color : #7C5656 #F7CBCB #F7CBCB #A15151;
    background   : #FF5252 url(../images/old-browsers-bg/button-element-red-active-bg.png) repeat-x top;
    background   : -moz-linear-gradient(top, #FF9D9D, #FF5252);
    background   : -webkit-gradient(linear, left top, left bottom, from(#FF9D9D), to(#FF5252));
}

button:disabled, button:disabled:hover{
    color        : #BFBFBF;
    border-color : #E9F2F6 #C4C3C3 #A2A2A2 #E3E2E2;
    background   : #C8C8C8 url(../images/old-browsers-bg/button-element-disabled-bg.png) repeat-x top;
    background   : -moz-linear-gradient(top, #F0F2F2, #C8C8C8);
    background   : -webkit-gradient(linear, left top, left bottom, from(#F0F2F2), to(#C8C8C8));
    text-shadow  : 1px 1px 0 rgba(255, 255, 255, 0.75);
    box-shadow   : none;
    cursor       : auto;
}

/* IE class */
button.disabled, button.disabled:hover{
    color        : #BFBFBF;
    border-color : #E9F2F6 #C4C3C3 #A2A2A2 #E3E2E2;
    background   : url(../images/old-browsers-bg/button-element-disabled-bg.png) repeat-x top #C8C8C8;
    cursor       : auto;
}

button.grey{
    color        : white;
    border-color : #A1A7AE #909498 #6B7076;
    background   : #9FA7B0 url(../images/old-browsers-bg/button-element-grey-bg.png) repeat-x top;
    background   : -moz-linear-gradient(top, white, #C5CBCE 5%, #9FA7B0);
    background   : -webkit-gradient(linear, left top, left bottom, from(white), to(#9FA7B0), color-stop(0.05, #C5CBCE));
    text-shadow  : 0 1px 2px rgba(0, 0, 0, 0.6);
    box-shadow   : 0 1px 4px rgba(0, 0, 0, 0.2);
}

button.grey:hover{
    border-color : #A1A7B0 #939798 #6E7275;
    background   : #B1B5BA url(../images/old-browsers-bg/button-element-grey-hover-bg.png) repeat-x top;
    background   : -moz-linear-gradient(top, white, #D6DADC 4%, #B1B5BA);
    background   : -webkit-gradient(linear, left top, left bottom, from(white), to(#B1B5BA), color-stop(0.03, #D6DADC));
}

button.grey:active{
    border-color : #666666 #FFFFFF #FFFFFF #979898;
    background   : #DDDDDD url(../images/old-browsers-bg/button-element-grey-active-bg.png) repeat-x top;
    background   : -moz-linear-gradient(top, #F1F1F1, #DDDDDD);
    background   : -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#DDDDDD));
}

button.small{
    font-size      : 12px;
    padding        : 4px 5px;
    vertical-align : 0.2em;
    margin-bottom  : 4px;
}

table.Table_msg, table.Table_email{
    font-family     : 'Open Sans Condensed', sans-serif;
    color           : #FFFFFF;
    border-collapse : collapse;
    width           : 300px;
}

table.Table_msg td, table.Table_email td{
    padding : 2px 3px;
}

/******************** Trash ********************/
.trash_container{
    overflow-y : auto;
    overflow-x : hidden;
    margin     : 10px;
    margin-top : 50px;
    width      : 494px;
}

.trash_header{
    font-weight : bold;
    margin      : 13px 0 4px 10px;
}

/******************** Invoices ********************/
.inv_container{
    background-color : #FFFFFF;
    padding          : 10px;
    font-family      : 'Open Sans Condensed', sans-serif;
    font-size        : 12px;
    overflow-y       : auto;
    overflow-x       : hidden;
}

.invoices_container{
    overflow-y : auto;
    overflow-x : hidden;
    margin     : 10px;
    margin-top : 0px;
}

.inv_container table{
    font-size : 14px;
}

.new_invoice_table, .new_supplier_order_table, .edit_supplier_order_table, .sup_order_trans{
    border          : 1px solid #B3B3B3;
    margin-top      : 20px;
    border-collapse : collapse;
    width           : 900px;
}

.Inv_form, .Sup_form{
    border-collapse : collapse;
    width           : 900px;
}
[suggest]{
    width:99% !important;
}
.cldata, .invdata, #cl_code{
    width : 90%;
}

.cl_titles{
    background-color : #EFEFEF;
}

.new_invoice_table td, .new_supplier_order_table td, .edit_supplier_order_table td{
    border-left  : 1px solid #B3B3B3;
    border-right : 1px solid #B3B3B3;
    height       : 25px;
    text-align   : center;
}

.sup_order_trans div td{
    border     : 1px solid #B3B3B3;
    height     : 35px;
    text-align : center;
}

.new_invoice_table thead td, .new_supplier_order_table thead td, .edit_supplier_order_table thead td{
    border           : 1px solid #B3B3B3;
    text-align       : center;
    background-color : #DBDBDB;
}

.new_invoice_table thead td:first, .new_supplier_order_table td:first, .edit_supplier_order_table td:first{
    text-align : left;
}

.new_invoice_table td input, .new_supplier_order_table td input, .edit_supplier_order_table td input, .sup_order_trans input{
    border     : none;
    background : none;
    width      : 70px;
    padding    : 3px;
    text-align : center;
}

.new_invoice_table td input[rel=acode], .new_supplier_order_table td input[rel=acode], .edit_supplier_order_table td input[rel=ecode]{
    border     : none;
    background : rgba(255, 255, 255, 0);
    width      : 96%;
    padding    : 3px;
    text-align : left;
}

input.sup_info{
    width : 96%;
}

.inv_info_header td, .sup_info_header td{
    border           : 1px solid #B3B3B3;
    text-align       : center;
    background-color : #DBDBDB;
    height           : 25px;
}

.inv_info_data td, .sup_info_data td{
    border       : 1px solid #B3B3B3;
    text-align   : left;
    padding-left : 5px;
}

.center td{
    text-align : center;
}

.inv_result{
    border     : 1px solid #B3B3B3;
    text-align : center;
}

.inv_result_title{
    padding : 10px;
}

.inv_text, .inv_comments{
    border        : 1px solid #B3B3B3;
    background    : none;
    border-radius : 0px;
    width         : 290px;
    height        : 35px;
    padding       : 4px;
}

.words_suggestions{
    width      : 600px;
    list-style : none;
    margin     : 0;
    padding    : 0;
}

div#Suggest .words_suggestions li{
    width      : 600px;
    padding    : 6px 8px 5px 8px;
    float      : left;
    background : rgba(230,230,230,1);
    border     : 1px solid #999999;
    border-top : none;
    color      : #000000;
    cursor     : pointer;
    height: 22px;
}

div#Suggest .words_suggestions li:hover{
    color       : rgba(100,100,100,0.9);
    background  : rgba(215,215,215,1);
}
div#Suggest .words_suggestions li.active{
    color       : #FFFFFF;
    background  : rgba(205,205,205,1);
}
.New_form{
    color : #000000;
}
table.Form td select option{
    font-family : 'Open Sans Condensed', sans-serif;
    font-size   : 15px;
    background  : none;
}

table.Form td select option:hover{
    background : -moz-linear-gradient(top, #9CDAF4, #0095D4);
    background : -webkit-gradient(linear, left top, left bottom, from(#9CDAF4), to(#0095D4));
    filter     : progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#9cdaf4', EndColorStr='#0095d4', GradientType=0);
}

.mini-tabs{
    list-style-type : none;
    /*    border:1px solid #BEBEBE;*/
    border-bottom   : none;
    border-radius   : 6px 6px 0 0;
    border-color    : #AAAAAA;
    padding         : 3px;
}

.mini-tabs ul{
    list-style-type : none;
    margin          : 0;
    padding         : 0;
    float           : left;
}

.mini-tabs li{
    float        : left;
    border       : 1px solid;
    border-color : #EEEEEE #CCCCCC #BBBBBB;
    background   : -moz-linear-gradient(top, white, #DDDDDD 20%, #DBDBDB);
    background   : -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#DBDBDB));
    color        : white;
    box-shadow   : 0 3px 8px 0px rgba(0, 0, 0, 0.4);
    text-shadow  : 0 1px 2px rgba(0, 0, 0, 0.4);
    font-family  : 'Open Sans Condensed', sans-serif;
    font-size    : 18px;
    padding      : 3px 10px;
    line-height  : 24px;
    cursor       : pointer;
    font-weight  : bold;
    padding      : 3px;
}

.mini-tabs li.active{
    background   : -moz-linear-gradient(top, white, #72C6E4 4%, #0C5FA5);
    background   : -webkit-gradient(linear, left top, left bottom, from(white), to(#0C5FA5), color-stop(0.03, #72C6E4));
    border-color : #50A3C8 #297CB4 #083F6F;
    float        : left;
    padding      : 3px;
}

.mini-tabs li.active:hover{
    background   : -moz-linear-gradient(top, white, #72C6E4 4%, #0C5FA5);
    background   : -webkit-gradient(linear, left top, left bottom, from(white), to(#0C5FA5), color-stop(0.03, #72C6E4));
    border-color : #50A3C8 #297CB4 #083F6F;
    float        : left;
    padding      : 3px;
}

.mini-tabs li:hover{
    background   : -moz-linear-gradient(top, white, #BBBBBB 20%, #AAAAAA);
    background   : -webkit-gradient(linear, left top, left bottom, from(#BBBBBB), to(#AAAAAA));
    border-color : #FFFFFF #AAAAAA #AAAAAA;
    float        : left;
}

.mini-tabs li:first-child{
    border-radius : 6px 0 0 6px;
    float         : left;
    padding       : 3px;
}

.mini-tabs li:last-of-type{
    border-radius : 0 6px 6px 0;
    float         : left;
    padding       : 3px;
}
.tabs_cats{
    border        : 1px solid #AAAAAA;
    width         : 271px;
    height        : 30px;
    border-radius : 0 0 6px 6px;
    border-top    : none;
    margin-top    : -5px;
    padding-top   : 10px;
}
.tabs_cats_title{
    float        : left;
    width        : 103px;
    padding-left : 4px;
}
.tabs_cats_input{
    float : left;
    width : 164px;
}
.ordering_dd{
    max-width : 166px;
}
div.No_dragg{
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    border-radius         : 4px;
}
.user_flags{
    /*    margin : 0px 10px -5px 0;*/
    margin: 0px -12px -5px 0;
    opacity: 0.4;
}
input[type=radio].css-radio:checked + label.css-label-radio + img.user_flags  {
    opacity: 1;
}
button.Open_New, button.Sub_Edit{
    padding         : 6px 6px 6px 24px;
    background-size : auto;
}
button.Open_New:hover, .button.Sub_Edit:hover{
    border-color    : #1EAFDC #1193D5 #035592;
    background-size : auto;
}
button.Save_New, button.Send_newsletter, button.Save_Edit{
    padding         : 6px 6px 6px 24px;
    background-size : auto;
}
button.Save_New, button.Save_Edit{
    float : right;
}
button.Save_New:hover, button.Send_newsletter:hover, button.Save_Edit:hover{
    background-size : auto;
}
button.grey{
    background      : url(../images/back-circle.png) no-repeat 6px 10px, #9FA7B0 url(../images/old-browsers-bg/button-element-grey-bg.png) repeat-x top;
    background      : url(../images/back-circle.png) no-repeat 6px 10px, -moz-linear-gradient(top, white, #C5CBCE 5%, #9FA7B0);
    background      : url(../images/back-circle.png) no-repeat 6px 10px, -webkit-gradient(linear, left top, left bottom, from(white), to(#9FA7B0), color-stop(0.05, #C5CBCE));
    padding         : 6px 6px 6px 24px;
    background-size : auto;
}
button.grey:hover{
    background      : url(../images/back-circle.png) no-repeat 6px 10px, #B1B5BA url(../images/old-browsers-bg/button-element-grey-hover-bg.png) repeat-x top;
    background      : url(../images/back-circle.png) no-repeat 6px 10px, -moz-linear-gradient(top, white, #D6DADC 4%, #B1B5BA);
    background      : url(../images/back-circle.png) no-repeat 6px 10px, -webkit-gradient(linear, left top, left bottom, from(white), to(#B1B5BA), color-stop(0.03, #D6DADC));
    background-size : auto;
}

.fancybox-inner .Del_container [name="OK"]{
    background      : url(../images/tick-circle.png) no-repeat 6px 10px, -moz-linear-gradient(center top, white, #72C6E4 4%, #0C5FA5) repeat scroll 0 0;
    background      : url(../images/tick-circle.png) no-repeat 6px 10px, -webkit-gradient(linear, left top, left bottom, from(white), to(#0C5FA5), color-stop(0.03, #72C6E4));
    padding         : 6px 6px 6px 24px;
    background-size : auto;
}

.fancybox-inner .Del_container [name="OK"]:hover{
    background      : url(../images/tick-circle.png) no-repeat 6px 10px, -moz-linear-gradient(top, white, #2BCEF3 4%, #057FDB);
    background      : url(../images/tick-circle.png) no-repeat 6px 10px, -webkit-gradient(linear, left top, left bottom, from(white), to(#057FDB), color-stop(0.03, #2BCEF3));
    background-size : auto;
}

.fancybox-inner .Del_container [name="Cancel"]{
    background      : url(../images/back-circle.png) no-repeat 6px 10px, #9FA7B0 url(../images/old-browsers-bg/button-element-grey-bg.png) repeat-x top;
    background      : url(../images/back-circle.png) no-repeat 6px 10px, -moz-linear-gradient(top, white, #C5CBCE 5%, #9FA7B0);
    background      : url(../images/back-circle.png) no-repeat 6px 10px, -webkit-gradient(linear, left top, left bottom, from(white), to(#9FA7B0), color-stop(0.05, #C5CBCE));
    padding         : 6px 6px 6px 24px;
    border-color    : #A1A7AE #909498 #6B7076;
    background-size : auto;
}

.fancybox-inner .Del_container [name="Cancel"]:hover{
    background      : url(../images/back-circle.png) no-repeat 6px 10px, #B1B5BA url(../images/old-browsers-bg/button-element-grey-hover-bg.png) repeat-x top;
    background      : url(../images/back-circle.png) no-repeat 6px 10px, -moz-linear-gradient(top, white, #D6DADC 4%, #B1B5BA);
    background      : url(../images/back-circle.png) no-repeat 6px 10px, -webkit-gradient(linear, left top, left bottom, from(white), to(#B1B5BA), color-stop(0.03, #D6DADC));
    padding         : 6px 6px 6px 24px;
    border-color    : #A1A7AE #909498 #6B7076;
    background-size : auto;
}

.fancybox-inner .Del_container{
    /*    width:210px;*/
    padding     : 10px;
    font-family : 'Open Sans Condensed', sans-serif;
    text-align  : center;
}

.fancycon{
    padding : 10px;
}

.ui-dialog{
    background    : none repeat scroll 0 0 rgba(200, 200, 200, 0.9);
    border-radius : 10px 10px 10px 10px;
    padding       : 10px;
}

.ui-dialog .ui-dialog-titlebar-close{
    float : right
}

.plus{
    background : url(../images/new_add.png) no-repeat scroll 0 0;
    background-size: 14px;
}

.minus{
    background : url(../images/cross-circle.png) no-repeat scroll 0 0;
}

.minus, .plus{
    width  : 16px;
    height : 16px;
    cursor : pointer;
}

.FM{
    min-width     : 552px;
    min-height    : 300px;
    background    : rgba(255, 255, 255, 0.8);
    margin        : 10px;
    border-radius : 10px;
}
.FM .header, .FM .footer{
    border-radius : 10px 10px 0 0;
    background    : rgb(250, 250, 250);
    /*background    : rgba(0, 0, 0, 0.4);*/
    border-bottom : 1px solid #DEDEDE;
    width         : 100%;
    /*background    : -moz-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0.4) 75%, rgba(150, 150, 150, 0) 100%);
    background    : -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(150, 150, 150, 0)), color-stop(75%, rgba(150, 150, 150, 0.3)), color-stop(100%, rgba(150, 150, 150, 0)));
    background    : -webkit-linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0.3) 75%, rgba(150, 150, 150, 0) 100%);*/
    box-shadow    : 2px 3px 4px -3px #000000;
}
.FM .footer{
    border-radius : 0 0 10px 10px;
    border        : none;
    box-shadow    : 2px -1px 4px -3px #000000;
}
/*.FM .footer .breadcrumb{
    height : 18px;
    float  : left;
}*/
/*div.FM div.footer div:first-child{
    float   : left;
    padding : 6px 10px;
}*/
.breadcrumb {
    padding: 6px 0 0 6px;
    font-weight: bold;
}
.breadcrumb ul {
    background: rgb(250,250,250);
    display: inline-table;
    list-style: none outside none;
    margin:0;
    padding:0;
}
.breadcrumb ul li {
    display: inline;
}
.breadcrumb ul li div {
    background: rgba(75, 150, 214, 0.7);
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px;
    height: 22px;
    margin: 1px 4px 1px 0;
    padding: 3px 2px 3px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.breadcrumb ul li div:before {
    border-bottom: 14px solid rgba(0, 0, 0, 0);
    border-left: 14px solid rgb(250,250,250);
    border-top: 14px solid rgba(0, 0, 0, 0);
    content: "";
    left: 0;
    position: absolute;
    top: 0;
}
.breadcrumb ul li div:after {
    border-bottom: 14px solid rgba(0, 0, 0, 0);
    border-left: 14px solid rgba(75, 150, 214, 0.7);
    border-top: 14px solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    right: -14px;
    top: 0;
    z-index: 1;
}
.breadcrumb ul li:first-child div {
    /*border-top-left-radius: 6px;*/
    border-bottom-left-radius: 6px;
    padding-left: 10px
}
.breadcrumb ul li:first-child div:before {
    display: none;
}
.breadcrumb ul li:last-child div {
    border-bottom-right-radius: 6px;
    /*border-top-right-radius: 6px;*/
    padding-right: 10px;
}
.breadcrumb ul li:last-child div:after {
    display: none;
}
.breadcrumb ul li div:hover {
    background: rgba(75,150,214,0.4);
}
.breadcrumb ul li div:hover:after {
    border-left-color: rgba(75,150,214,0.4);
}


.FM .container{
    padding    : 4px;
    overflow   : auto;
    min-height : 224px;
}
.FM .container .thumbnails_data{
    float  : left;
    margin : 4px;
    width  : 128px;
    height : 160px;
}
.FM .container .thumbnails_data.shared{
    background : url("../images/files/public_icon.png") no-repeat scroll right 100px;
}
.FM .container .thumbnails_data .thumbnails, .FM .container .thumbnails_data .thumbnail_files{
    width         : 128px;
    height        : 128px;
    border-radius : 10px;
    cursor        : pointer;
    opacity       : 1;
}
.FM .container .thumbnails_data.active .thumbnails, .FM .container .thumbnails_data.active .thumbnail_files{
    border                : inset 1px solid #333333;
    box-shadow            : 0 0 3px 3px #CCCCCC inset;
    border-radius         : 10px;
    -moz-border-radius    : 10px;
    -webkit-border-radius : 10px;
    opacity               : 0.7;
}
.FM .container .thumbnails_data.active .thumbnails:hover, .FM .container .thumbnails_data.active .thumbnail_files:hover{
    opacity : 0.9;
}
.FM .container .thumbnails_data .thumbnails:hover, .FM .container .thumbnails_data .thumbnail_files:hover{
    opacity : 0.5
}
.FM .container .thumbnails_data .thumbnails.Back{
    background : url(../images/files/folder_back.png) no-repeat center center;
}
.FM .container .thumbnails_data .thumbnails.Media{
    background : url(../images/files/folder_signage.png) no-repeat center center;
}
.FM .container .thumbnails_data .thumbnails.Products{
    background : url(../images/files/folder_products.png) no-repeat center center;
}
.FM .container .thumbnails_data .thumbnails.Banners{
    background : url(../images/files/folder_banners.png) no-repeat center center;
}
.FM .container .thumbnails_data .thumbnails.Clients{
    background : url(../images/files/folder_clients.png) no-repeat center center;
}
.FM .container .thumbnails_data .thumbnails.Orders{
    background : url(../images/files/folder_orders.png) no-repeat center center;
}
.FM .container .thumbnails_data .title{
    border-radius      : 5px;
    margin-top         : 7px;
    padding            : 2px 5px;
    text-align         : center;
    box-shadow         : 0 0 3px 0px #989898 inset;
    -webkit-box-shadow : 0 0 3px 0px #989898 inset;
    -moz-box-shadow    : 0 0 3px 0px #989898 inset;
}
.uploadifive-upload_files{
}
.uploadifive-queue-item{
    background-color      : #F5F5F5;
    border-bottom         : 1px dotted #D5D5D5;
    -webkit-border-radius : 5px;
    -moz-border-radius    : 5px;
    border-radius         : 5px;
    font                  : 12px Arial, Helvetica, Sans-serif;
    margin-top            : 3px;
    padding               : 15px;
}
.uploadifive-queue-item .close{
    background  : url('../uploadifive/uploadifive-cancel.png') 0 0 no-repeat;
    display     : block;
    float       : right;
    height      : 16px;
    text-indent : -9999px;
    width       : 16px;
}
.uploadifive-queue-item .progress{
    border     : 1px solid #D0D0D0;
    height     : 3px;
    margin-top : 5px;
    width      : 100%;
}
.uploadifive-queue-item .progress-bar{
    background-color : #0072BC;
    height           : 3px;
    width            : 0;
}
#queue{
    overflow      : auto;
    margin-bottom : 10px;
    padding       : 0 3px 3px;
    width         : 300px;
    position      : fixed;
    z-index       : 15;
    bottom        : 0;
    right         : 0;
}
.uploadifyQueue{
    position : absolute;
    z-index  : 15;
    bottom   : 0;
    right    : 0;
}
.uploadifyQueueItem{
    background-color : #F5F5F5;
    font             : 11px Verdana, Geneva, sans-serif;
    margin-top       : 5px;
    padding          : 10px;
    width            : 350px;
    border-radius    : 6px;
}
.uploadifyError{
    background-color : #FDE5DD !important;
    border           : 2px solid #FBCBBC !important;
}
.uploadifyQueueItem .cancel{
    float : right;
}
.uploadifyQueue .completed{
    background-color : #E5E5E5;
}
.uploadifyProgress{
    background-color : #E5E5E5;
    margin-top       : 10px;
    width            : 100%;
}
.uploadifyProgressBar{
    background-color : #0099FF;
    height           : 3px;
    width            : 1px;
}
.F_actions{
    margin : 10px 5px 0 0;
    float  : right;
}
.F_actions div{
    float         : right;
    padding       : 5px 8px;
    border-radius : 5px;
    background    : -moz-linear-gradient(top, white, #72C6E4 4%, #0C5FA5);
    background    : -webkit-gradient(linear, left top, left bottom, from(white), to(#0C5FA5), color-stop(0.03, #72C6E4));
    margin-right  : 5px;
    cursor        : pointer;
    display       : none;
    box-shadow    : 0 1px 4px rgba(0, 0, 0, 0.4);
    color         : #FFFFFF;
}
.F_actions div:hover{
    background : -moz-linear-gradient(top, white, #2BCEF3 4%, #057FDB);
    background : -webkit-gradient(linear, left top, left bottom, from(white), to(#057FDB), color-stop(0.03, #2BCEF3));
}
#FM_action_fb{
    background    : rgba(255, 255, 255, 0.9);
    border-radius : 0 0 5px 5px;
    box-shadow    : 3px 3px 10px #666666;
    padding       : 0px 5px 3px;
    top           : 122px !important;
    font-family   : 'Open Sans Condensed', sans-serif;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}
#FM_action_fb .Move_items{
    margin-left : 10px;
    margin-right: 2px;
}
#FM_action_fb .folder_click{
    cursor  : pointer;
    padding : 2px 4px;
}
#FM_action_fb .folder_click.active{
    background : -moz-linear-gradient(top, white, #72C6E4 4%, #0C5FA5);
    background : -webkit-gradient(linear, left top, left bottom, from(white), to(#0C5FA5), color-stop(0.03, #72C6E4));
    color      : #FFFFFF;
    box-shadow : 0 3px 4px -3px #000000;
    color      : #FFFFFF;
    margin     : 0 -5px;
}
#FM_action_fb .folder_click.active:hover{
    font-weight : normal;
    color       : #FFFFFF;
    text-shadow : none;
}
#FM_action_fb .folder_click:hover{
    text-shadow : 0 0 3px #FFFFFF;
    color       : #999999;
}
#FM_action_fb .colors{
    width       : 130px;
    padding-top : 3px;
}
#FM_action_fb .colors .color{
    float      : left;
    width      : 20px;
    height     : 20px;
    margin     : 2px;
    background : #FFFFFF;
    cursor     : pointer;
    border     : rgba(0, 0, 0, 0) solid 1px;
}
#FM_action_fb .colors .color:hover, #FM_action_fb .colors .color.active{
    border : rgba(0, 0, 0, 1) solid 1px;
}
input.Rename_FF{
    background : none;
    border     : none;
    font-size  : 14px;
    height     : 18px;
    width      : 120px;
}
.Populate_time{
    width       : 18px;
    height      : 20px;
    float       : right;
    cursor      : pointer;
    background  : url(../images/arrow_down.png) no-repeat center center;
    margin-left : -5px;
}
/* TIME PICKER */
.ui-datepicker{
    display : none;
    padding : 0.2em 0.2em 0;
    width   : 17em;
}
#ui-datepicker-div{
    box-shadow : 4px 4px 10px #333333;
}
#ui-datepicker-div, .ui-datepicker{
    font-size : 80%;
}
.ui-helper-clearfix:after{
    clear      : both;
    content    : ".";
    display    : block;
    height     : 0;
    visibility : hidden;
}
.ui-datepicker .ui-datepicker-title{
    line-height : 1.8em;
    margin      : 0 2.3em;
    text-align  : center;
}
.ui-widget-header{
    background  : #F6A828;
    border      : 1px solid #E78F08;
    color       : #FFFFFF;
    font-weight : bold;
}
.ui-timepicker-div .ui-widget-header{
    margin-bottom : 8px;
}
.ui-timepicker-div dl{
    text-align : left;
}
.ui-slider{
    position   : relative;
    text-align : left;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{
    border-radius : 4px;
}
.ui-timepicker-div dl dt{
    height        : 25px;
    margin-bottom : -25px;
}
.ui-timepicker-div dl dd{
    margin : 0 10px 10px 65px;
}
.ui-widget .ui-widget{
    font-size : 1em;
}
.ui-slider-horizontal{
    height : 0.8em;
}
.ui-slider-horizontal .ui-slider-handle{
    margin-left : -0.6em;
    top         : -0.3em;
}
.ui-slider .ui-slider-handle{
    cursor   : default;
    height   : 1.2em;
    position : absolute;
    width    : 1.2em;
    z-index  : 2;
}
.ui-widget-content{
    background : #EEEEEE;
    border     : 1px solid #DDDDDD;
    color      : #333333;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    background  : #F6F6F6;
    border      : 1px solid #CCCCCC;
    color       : #1C94C4;
    font-weight : bold;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{
    color           : #1C94C4;
    text-decoration : none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{
    background  : #FDF5CE;
    border      : 1px solid #FBCB09;
    color       : #C77405;
    font-weight : bold;
}
.ui-datepicker .ui-datepicker-buttonpane{
    background-image : none;
    border-bottom    : 0 none;
    border-left      : 0 none;
    border-right     : 0 none;
    margin           : 0.7em 0 0;
    padding          : 0 0.2em;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{
    float : left;
}

.ui-datepicker .ui-datepicker-buttonpane button{
    cursor   : pointer;
    float    : right;
    margin   : 0.5em 0.2em 0.4em;
    overflow : visible;
    padding  : 0.2em 0.6em 0.3em;
    width    : auto;
}
.ui-datepicker .ui-datepicker-next{
    right : 2px;
}
.ui-datepicker .ui-datepicker-prev{
    left : 2px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
    height   : 1.8em;
    position : absolute;
    top      : 2px;
    width    : 35px;
}

.ui-widget-header a{
    color : #FFFFFF;
}

.ui-helper-clearfix:after{
    clear      : both;
    content    : ".";
    display    : block;
    height     : 0;
    visibility : hidden;
}

.ui-datepicker .ui-datepicker-header{
    padding  : 0.2em 0;
    position : relative;
}

.ui-datepicker table{
    border-collapse : collapse;
    font-size       : 0.9em;
    margin          : 0 0 0.4em;
    width           : 100%;
}

.ui-datepicker th{
    border      : 0 none;
    font-weight : bold;
    padding     : 0.7em 0.3em;
    text-align  : center;
}

.ui-datepicker td{
    border  : 0 none;
    padding : 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
    display     : block;
    left        : 50%;
    margin-left : -12px;
    margin-top  : -8px;
    position    : absolute;
    top         : 50%;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    background  : #F6F6F6;
    border      : 1px solid #CCCCCC;
    color       : #1C94C4;
    font-weight : bold;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    background : #FFE45C;
    border     : 1px solid #FED22F;
    color      : #363636;
}

.ui-datepicker td span, .ui-datepicker td a{
    display         : block;
    padding         : 0.2em;
    text-align      : right;
    text-decoration : none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
    background  : #FFFFFF;
    border      : 1px solid #FBD850;
    color       : #EB8F00;
    font-weight : bold;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
    background-image : none;
    opacity          : 0.35;
}

/* END TIME PICKER */

/* VOIP - COMMHUB*/
.off_line{
    filter  : alpha(opacity=35);
    opacity : .35;
}

table.search_results{
    text-align : center;
    width      : 100%;
}

.search_head{
}

div#det_popup{
    position      : absolute;
    display       : none;
    height        : 500px;
    min-width     : 190px;
    max-width     : 210px;
    z-index       : 10;
    top           : 38px !important;
    box-shadow    : none !important;
    border-radius : 3px;
    padding       : 2px 2px;
    right         : 307px;
    overflow      : hidden;
}

div#search_results{
    left          : 0px;
    min-height    : 25px;
    min-width     : 190px;
    max-width     : 210px;
    background    : rgba(0, 0, 0, 0.5);
    box-shadow    : none !important;
    padding-right : 0px !important;
    border-radius : 3px;
}

div#search_conts{
    left          : 200px;
    min-height    : 25px;
    min-width     : 190px;
    max-width     : 210px;
    background    : rgba(0, 0, 0, 0.5);
    box-shadow    : none !important;
    border-radius : 3px;
    padding-right : 0px !important;
}

div#search_nums{
    left          : 400px;
    min-height    : 25px;
    min-width     : 190px;
    max-width     : 210px;
    background    : rgba(0, 0, 0, 0.5);
    box-shadow    : none !important;
    border-radius : 3px;
    padding-right : 0px !important;
}

.back_but{
    width       : 18px;
    font-size   : 12px;
    font-weight : normal;
}

.back_but:hover{
    background-color : rgba(180, 180, 180, 0.7);
    cursor           : pointer;
}

.person{
}

tr.person_data{
    display : none;
}

.person:hover{
    background-color : rgba(180, 180, 180, 0.7);
    cursor           : pointer;
}

tr.available{
    color : green;
}

/* SUPPLIER ORDERS */
div.order_spec{
    border-style  : solid;
    border-width  : 1px;
    border-color  : black;
    border-radius : 5px;
    cursor        : pointer;
}

div.order_spec:hover{
    font-weight : bold;
}

div.contact{
    border-style     : solid;
    border-width     : 1px;
    border-color     : black;
    border-radius    : 5px;
    background-color : rgba(253, 253, 253, 0.8);
    cursor           : pointer;
}

div.contact:hover{
    font-weight      : bold;
    background-color : rgba(255, 255, 255, 0.5);
}

td.spec_name{
    cursor : pointer;
}

td.spec_name:hover{
    opacity : 0.3;
}

/*  CONTACTS - AFFILIATES - SUPPLIERS - CLIENTS  */

td.det_name{
    cursor : pointer;
}

td.det_name:hover{
    opacity : 0.3;
}

td.has_action{
    cursor     : pointer;
    text-align : center;
}

td.has_action:hover{
    font-weight : bold;
}
tr.det, tr.cldet, tr.bankdet, tr.taxdet{
    display : none;
}
a.add_del{
    background : url(../images/add.png) no-repeat center bottom;
    display    : inline-block;
    min-width  : 22px;
    min-height : 22px;
    cursor     : pointer;
    opacity    : 0;
    background-size : 12px;
    margin-top:-5px;
}
a.add_comm{
    background : url(../images/add.png) no-repeat center center;
    display    : inline-block;
    min-width  : 24px;
    min-height : 18px;
    cursor     : pointer;
    opacity    : 0;
    background-size : 12px;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    margin: 0px 0px -5px 5px;
}
a.add_elem{
    background      : url(../images/add.png) no-repeat center center;
    display         : inline-block;
    min-width       : 22px;
    min-height      : 22px;
    cursor          : pointer;
    margin-bottom   : -6px;
    background-size : 15px;
}
a.del_add{
    background : url(../images/new_close.png) no-repeat center center;
    display    : inline-block;
    min-width  : 22px;
    min-height : 22px;
    cursor     : pointer;
    opacity    : 0;
    background-size: 12px;
}
a.del_add:hover{
    opacity : 1;
}
/* CONTACT DETAILS */
table.contact_details input{
    width : 100%;
}
table.contact_details input.othird{
    width : 116px !important;
}
table.contact_details input.osecond{
    width : 116px !important;
}
table.contact_details td{
    width : 186px;
}
/* WIDGETS */
iframe.iwidget{
    overflow : hidden;
    border   : none;
}
/* FORM FORMATTING  */
span.with_inp_l{
    margin-left  : 3%;
    margin-right : 1%;
}
span.with_inp_r{
    margin-right : 3%;
    margin-left  : 1%;
}
input.small{
    width      : 35px !important;
    text-align : center;
}

input.medium{
    width : 80px !important;
}
input.large{
    width:200px !important;
}
select.medium{
    width:85px !important;
}
.big{
    width : 220px !important;
}

select.medium{
    width : 140px;
}

select.with_lab{
    width       : 50px;
    margin-left : 5%;
}

select.as_inp{
    width : 100%;
}

/* GEAR - PAGING - SORTING - FILTER */
fieldset{
    border-style : none;
}

.gear:hover{
    border-width : 2px;
}


table.data thead td.sortable{
    cursor : pointer;
}

table.data thead td.sortable:hover{
}

div.pager div{
    min-width  : 32px;
    min-height : 24px;
    display    : inline-block;
    cursor     : pointer;
}

div.pager2 div{
    display : inline-block;
    width   : 33%;
}

div.back{
    background : url(../images/back.png) no-repeat center center;
}

div.go_to div{
}

div.full_back{
    background  : url(../images/full_back.png) no-repeat center center;
    margin-left : -70px;
}

div.forward{
    background : url(../images/next.png) no-repeat center center;
}

div.full_forward{
    background : url(../images/full_next.png) no-repeat center center;
}
/*
button.gear{
    background : url(../images/gear.png) no-repeat center center;
    min-width  : 36px;
    min-height : 36px;
    border     : none;
    box-shadow : none;
}*/

button.gear:hover{
    -webkit-animation : spin 0.8s;
    -moz-animation    : spin 0.6s;
    -o-animation      : spin 0.8s;
    -ms-animation     : spin 0.8s;
}

@-webkit-keyframes spin{
    0%{
    -webkit-transform : rotate(0deg);
}
50%{
    -webkit-transform : rotate(45deg);
}
100%{
    -webkit-transform : rotate(0deg);
}
}

@-moz-keyframes spin{
    0%{
    -moz-transform : rotate(0deg);
}
50%{
    -moz-transform : rotate(45deg);
}
100%{
    -webkit-transform : rotate(0deg);
}
}

@-o-keyframes spin{
    0%{
    -o-transform : rotate(0deg);
}
50%{
    -o-transform : rotate(45deg);
}
100%{
    -webkit-transform : rotate(0deg);
}
}

@-ms-keyframes spin{
    0%{
    -ms-transform : rotate(0deg);
}
50%{
    -ms-transform : rotate(45deg);
}
100%{
    -webkit-transform : rotate(0deg);
}
}

button.gear_delete{
    background : url(../images/delete.png) no-repeat center center;
    min-width  : 32px;
    min-height : 32px;
}

button.gear_extract{
    background : url(../images/extract.png) no-repeat center center;
    min-width  : 32px;
    min-height : 32px;
}

button.gear_filter{
    background : url(../images/search.png) no-repeat center center;
    min-width  : 32px;
    min-height : 32px;
}

div.arrow{
    opacity : 0.75;
}

div.arrow:hover, div.gear_options button:hover{
    opacity : 1;
}

div.gear_options button{
    opacity : 0.3;
}

span.total_count{
    margin-left : 20px;
}

td.ajax_req{
    background : url(../images/progressTheadAnim.gif) repeat 0 0 !important;
}

td.progress_bar{
    background : url(../images/progressTheadAnim.gif) repeat 0 0 !important;
}

div.New_form_float table.data{
    margin:10px;
}
div.Edit_form_float table.data{
    margin:10px;
}
div.win_content .New_form_float form, div.win_content .Edit_form_float form{
    padding-right : 0px;
}
div.pager_container div{
    display : table-cell;
}
div.header_buts{
    width : 100%;
}
/*div.group{
    cursor : pointer;
    display: inline-table;
    margin : 0% 0% 1% 2%;
    border-style : none;
    border-color: black;
    border-width : 1px;
    padding: 5px;
    border-radius      : 10%;
    -moz-box-shadow    : 1px 0px 5px 0 darkgrey;
    -webkit-box-shadow : 1px 0px 5px 0 darkgrey;
    box-shadow : 1px 0px 5px 0 darkgrey;
}*/
div.group{
    cursor                : pointer;
    display               : table-cell;
    padding               : 5px 3px 2px 3px;
    margin                : 4px 4px;
    -webkit-box-shadow    : none;
    -moz-box-shadow       : none;
    box-shadow            : none;
    border-bottom         : 2px solid rgba(0, 54, 202, 0.2);
    border-radius         : 0px;
    -moz-border-radius    : 0px;
    -webkit-border-radius : 0px;
    float                 : left;
}

div.group_on{
    /*-moz-box-shadow: 0px 0px 2px 0 lightgrey;
    -webkit-box-shadow: 0px 0px 2px 0 lightgrey;
    box-shadow: 0px 0px 2px 0 lightgrey;*/
    color                 : rgba(0, 54, 202, 1.0);
    text-decoration       : none;
    border-bottom         : 2px solid rgba(0, 54, 202, 0.55);
    border-radius         : 0px;
    -moz-border-radius    : 0px;
    -webkit-border-radius : 0px;
}

div.group_filter{
    width         : 100%;
    background    : rgba(194, 220, 248, 0.2);
    box-shadow    : 0px 1px 3px 0px rgba(200, 200, 200, 0.6);
    margin-bottom : 4px;
}

.group_filter div.group:hover{
    color         : rgba(60, 60, 60, 0.8);
    border-bottom : 2px solid rgba(0, 54, 202, 0.15);
    box-shadow    : 0px 2px 1px -1px rgba(30, 30, 30, 0.07);
}
.group_filter div.group span:before, span.missed_call_header:before {
    content: ' (';
}
.group_filter div.group span:after, span.missed_call_header:after {
    content: ')';
}
.header_icon{
    background-attachment : scroll;
    background-clip       : border-box;
    background-color      : transparent;
    background-image      : url("../images/appmap.png");
    background-origin     : padding-box;
    background-repeat     : no-repeat;
    /*    background-size       : 138px 342px;*/
    /*    background-size: 142px 342px;*/
    background-size: 143px 400px;
    float                 : right;
    /*    margin-left           : 10px;*/
    /*    width                 : 26px;
        height                : 26px;*/
    width                 : 28px;
    height                : 28px;
    /*    margin                : 3px 0px 0px 8px;*/
    margin                : 3px 0px 0px 8px;
}
.form_apps{
    background-attachment : scroll;
    background-clip       : border-box;
    background-color      : transparent;
    background-image      : url("../images/appmap.png");
    background-origin     : padding-box;
    /*background-position: 0 -175px;*/
    background-repeat     : no-repeat;
    background-size       : 250px 700px;
    float                 : right;
    height                : 50px;
    margin-left           : 10px;
    width                 : 50px;
    margin                : 5px 0px 0px 8px;
}
.form_folders{
    width: 50px;
    height: 50px;
    background : url("../images/files/folder_general.png") no-repeat center center;
    background-size: 50px 50px;
}
.table_apps{
    display       : inline-block;
    box-shadow    : 4px -5px 12px -8px cadetblue inset;
    border-radius : 0px 0px 0px 7px;
    margin        : 1% !important;
}
div.apps_cat{
    background :rgba(178,225,255,0.5);
    width: auto;
    min-width: 68px;
    float: left;
    padding: 8px 16px;
    color: #FFFFFF;
    margin:10px 4px 4px 4px;
    border:1px solid rgba(178,225,255,0.5);
    border-left:4px solid rgba(178,225,255,0.8);
}
.apps_cat_header_title{
    color: #FFF;
    text-align: center;
    color:#FFFFFF;
    font-family:'Open Sans', sans-serif;
    border-bottom: 1px solid rgba(250,250,250,0.6);
    padding:8px 4px 4px 4px;
    box-shadow: 0px 4px 4px -2px rgba(250,250,250,.2);
}
div.content.discounts_bg table.data tr:first-child{
    border-top : none;
}

div.content.discounts_bg table.data tr:first-child td:first-child{
    border-radius : 5px 0px 0px 0px;
    border-top    : none;
}

div.content.discounts_bg table.data tr:first-child td:last-child{
    border-radius : 0px 5px 0px 0px;
    border-top    : none;
}

/* FORM VALIDATION  */
input.required{
    /*border-color:red;
    border-style:solid;
    border-width:1px;*/
    box-shadow         : 0 0 6px -1px #2795BC inset;
    -webkit-box-shadow : 0 0 6px -1px #2795BC inset;
    -moz-box-shadow    : 0 0 6px -1px #2795BC inset;
}

td.Email{
    background-image : -moz-linear-gradient(left center, rgba(247, 5, 17, 0.4) 24%, rgba(153, 86, 86, 0.2) 110%);
    background-image : -webkit-linear-gradient(left, rgba(247, 5, 17, 0.4) 41%, rgba(153, 86, 86, 0.1) 110%);
    color            : #FFFFFF;
}

td.Email div.comm_type .comm_icon{
    background : url("../images/video_com.gif") no-repeat scroll center center;
    height     : 28px;
    width      : 28px;
}

td.Email div.comm_type div.comm_word{
    background : -moz-linear-gradient(left, rgba(150, 150, 150, 0.7) 0%, rgba(150, 150, 150, 0.4) 75%, rgba(150, 150, 150, 0.7) 100%);
    background : -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(150, 150, 150, 0.7)), color-stop(75%, rgba(150, 150, 150, 0.3)), color-stop(100%, rgba(150, 150, 150, 0.7)));
    padding    : 0 6px;
}

td.Email div.comm_type div.comm_word span{
    color : #FFFFFF;
}

.comm_type{
    min-width : 30px;
}

input.loading{
    background         : url(../images/progressBarAnim.gif) repeat 0 0;
    width              : 100%;
    height             : 16px;
    box-shadow         : 0 0 6px -1px #FFFFFF inset;
    -webkit-box-shadow : 0 0 6px -1px #FFFFFF inset;
    -moz-box-shadow    : 0 0 6px -1px #FFFFFF inset;
}

input.as_select{
    width     : 70% !important;
    max-width : 130px;
}

a.back2select{
    background : url("../images/suggest_icon.png") no-repeat scroll;
    height     : 16px;
    width      : 16px;
    display    : inline-block;
    cursor     : pointer;
    position: absolute;
    margin-left: 5px!important;
    z-index: 2!important;
    margin-top: 3px;

    z-index: 2!important;
}
input.as_select{
    display: inline-block;

    width: 81%!important;

    position: relative;

    top: 0;

    left: 0;

}
div.smart_button{
}
.Cancel_button{
    background      : url(../images/back-circle.png) no-repeat 6px 10px, #9FA7B0 url(../images/old-browsers-bg/button-element-grey-bg.png) repeat-x top;
    background      : url(../images/back-circle.png) no-repeat 6px 10px, -moz-linear-gradient(top, white, #C5CBCE 5%, #9FA7B0);
    background      : url(../images/back-circle.png) no-repeat 6px 10px, -webkit-gradient(linear, left top, left bottom, from(white), to(#9FA7B0), color-stop(0.05, #C5CBCE));
    padding         : 6px 6px 6px 24px;
    background-size : auto;
}

.Cancel_button:hover{
    background      : url(../images/back-circle.png) no-repeat 6px 10px, #B1B5BA url(../images/old-browsers-bg/button-element-grey-hover-bg.png) repeat-x top;
    background      : url(../images/back-circle.png) no-repeat 6px 10px, -moz-linear-gradient(top, white, #D6DADC 4%, #B1B5BA);
    background      : url(../images/back-circle.png) no-repeat 6px 10px, -webkit-gradient(linear, left top, left bottom, from(white), to(#B1B5BA), color-stop(0.03, #D6DADC));
    background-size : auto;
}

.Tick_button{
    background      : url(../images/tick-circle.png) no-repeat 6px 10px, -moz-linear-gradient(center top, white, #72C6E4 4%, #0C5FA5) repeat scroll 0 0;
    background      : url(../images/tick-circle.png) no-repeat 6px 10px, -webkit-gradient(linear, left top, left bottom, from(white), to(#0C5FA5), color-stop(0.03, #72C6E4));
    padding         : 6px 6px 6px 24px;
    background-size : auto;
}

.Tick_button:hover{
    background      : url(../images/tick-circle.png) no-repeat 6px 10px, -moz-linear-gradient(top, white, #2BCEF3 4%, #057FDB);
    background      : url(../images/tick-circle.png) no-repeat 6px 10px, -webkit-gradient(linear, left top, left bottom, from(white), to(#057FDB), color-stop(0.03, #2BCEF3));
    background-size : auto;
}

/* ESSENCIAL FOR AUTOSUGGEST FORMS */
table._form{
    border          : 1px solid #B3B3B3;
    margin-top      : 20px !important;
    margin-right    : 15px !important;
    margin-bottom   : 20px !important;
    margin-left     : 0px !important;
    border-collapse : collapse;
    width           : 100%;
}
table.single{
    margin      : 0px !important;
    width:90%;
    border: 0px solid transparent;
}
table.details{
    width:98% !important;
}

table.single tr._info_data{
    height: auto!important;

}
table.single td{
    padding      : 0px !important;
    width: auto!important;
    height : auto !important;
    background: transparent!important;
    border-radius: 4px;
    text-align: left;
    border: 0px solid transparent;
}
table.details td{
    /*text-align: center !important;*/
    height:25px !important;
}
table._form tbody td{
    background-color : rgba(255, 255, 255, 0);
}
table.checkboxes tbody td{
    text-align : left;
}
table._form td{
    /*    border-left  : 1px solid #B3B3B3;
        border-right : 1px solid #B3B3B3;*/
    height       : 25px;
    text-align   : center;
}

table._form_sp tbody td{
    background-color : rgba(255, 255, 255, 0);
    border-left      : 1px solid #B3B3B3;
    border-right     : 1px solid #B3B3B3;
    text-align       : center;
}

table._form input{
    /*    width  : 99%;*/
    width: 118px;
    /*    height : 100%;*/
    height: 18px;
}

._info_header{
    border           : 1px solid #B3B3B3;
    text-align       : center;
    background-color : rgba(219, 219, 219, 0.4);
    height           : 25px;
}

._info_data{
    /*    border       : 1px solid #B3B3B3;*/
    border: none;
    text-align   : left;
    padding-left : 5px;
}
/* END */
table.Specs_table tbody tr:first-child  td{
    /*box-shadow : 1px 4px 9px -5px #606060 inset;*/
    border     : none !important;
}
table.Specs_table tbody tr td{
    box-shadow : 3px 0px 6px -5px #606060 inset;
    border     : none !important;
    color      : #FFFFFF;
}
.specs_header{
    font-size: 18px;
    margin: 10px 0px 10px 20px;
    border-bottom: 1px solid rgba(250,250,250,0.3);
    margin-right: 10px;
    color: #FFFFFF;
}
#spec_canvas_new{
    color : #FFFFFF;
}
/*/////////////////////////// This is the new style !!!//////////////////////////////////////////////////*/
.New_form_float form, .Edit_form_float form{
    border : none;
}

.New_form_float, .Edit_form_float, .Extra_form_float,.Extra_form_float_order{
    background              : url(../images/blue_pattern2.png) repeat scroll 0 0, #294E82;
    /*            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==");*/
    padding                 : 0px 0 0 0;
    -moz-transform-style    : preserve-3d;
    -webkit-transform-style : preserve-3d;
    transform-style         : preserve-3d;
}
.New_form_float form table, .Edit_form_float form table{
    color : #FEFEFE;
}
.printable_data table{
    color : #000 !important;
}
.New_form_float tr._info_data div{
    color : #000000 !important;
}
.New_form_float form table.Inv_form, .Edit_form_float form table.Inv_form, .New_form_float form table.Inv_form  tr, .Edit_form_float form table.Inv_form tr{
    color : #000000;
}
button.new_cancel, button.new_ok, button.new_add, .button.new_delete, .button.new_duplicate, .button.new_plus, .button.new_download, .new_add_file, button.com_popup_attachment, button.com_popup_send, button.com_popup_send[rel="save"]{
    /*    border-radius      : 0 140px 0 14px;*/
    border-radius      : 0 140px 0 22px;
    height             : 55px;
    padding-left       : 10px;
    padding-top        : 30px;
    width              : 55px;
    box-shadow         : -26px -26px 37px -24px rgba(250, 250, 250, 0.3) inset;
    background         : url(../images/cancel_arrow.png) no-repeat 10px 24px, rgba(75, 150, 214, 0.4);
    margin             : 0px;
    transition         : box-shadow 0.3s ease-in-out;
    -moz-transition    : box-shadow 0.3s ease-in-out;
    -webkit-transition : box-shadow 0.3s ease-in-out;
    background-size    : auto;
    cursor: pointer;
}
button.new_ok, button.com_popup_send[rel="save"]{
    border-radius : 140px 0 22px 0;
    box-shadow    : 26px -26px 37px -24px rgba(250, 250, 250, 0.3) inset;
    background    : url(../images/new_tick.png) no-repeat 20px 24px, rgba(75, 150, 214, 0.4);
    float         : right;
}
button.new_add, .button.new_download, .new_add_file{
    border-radius : 24px 0px 140px 0;
    box-shadow    : -26px -26px 37px -24px rgba(250, 250, 250, 0.3) inset;
    background    : url(../images/new_add.png) no-repeat 10px 12px, rgba(75, 150, 214, 0.4);
    margin-top    : 0px;
}
.button.new_download{
    background    : url(../images/arrow_down.png) no-repeat 12px 12px, rgba(75, 150, 214, 0.4);
}
button.new_cancel:hover{
    box-shadow : -6px -66px 50px -56px rgba(250, 250, 250, 0.6) inset;
    transition : box-shadow 0.3s ease-in-out;
    background : url(../images/cancel_arrow.png) no-repeat 10px 24px, rgba(75, 150, 214, 0.45);
}
button.new_ok:hover, button.com_popup_send[rel="save"]:hover{
    background : url(../images/new_tick.png) no-repeat 20px 24px, rgba(75, 150, 214, 0.45);
    box-shadow : 6px -66px 50px -56px rgba(250, 250, 250, 0.6) inset;
    transition : box-shadow 0.3s ease-in-out;
}
button.new_add:hover, .button.new_download:hover{
    background : url(../images/new_add.png) no-repeat 10px 12px, rgba(75, 150, 214, 0.4);
    box-shadow : 6px -66px 50px -56px rgba(250, 250, 250, 0.6) inset;
    transition : box-shadow 0.3s ease-in-out;
}
.button.new_download:hover{
    background : url(../images/arrow_down.png) no-repeat 12px 12px, rgba(75, 150, 214, 0.4);
    box-shadow : 6px -66px 50px -56px rgba(250, 250, 250, 0.6) inset;
    transition : box-shadow 0.3s ease-in-out;
}
button.new_delete{
    background : url(../images/new_tick_delete.png) no-repeat 20px 24px, rgba(75, 150, 214, 0.45);
    box-shadow : 6px -66px 50px -56px rgba(250, 250, 250, 0.6) inset;
    transition : box-shadow 0.3s ease-in-out;
}
button.new_delete:hover{
    background : url(../images/new_tick_delete.png) no-repeat 20px 24px, rgba(75, 150, 214, 0.4);
    box-shadow : 6px -66px 50px -56px rgba(250, 250, 250, 0.6) inset;
    transition : box-shadow 0.3s ease-in-out;
}
button.new_duplicate{
    background : url(../images/new_tick_duplicate.png) no-repeat 20px 24px, rgba(75, 150, 214, 0.45);
    box-shadow : 6px -66px 50px -56px rgba(250, 250, 250, 0.6) inset;
    transition : box-shadow 0.3s ease-in-out;
}

button.new_duplicate:hover{
    background : url(../images/new_tick_duplicate.png) no-repeat 20px 24px, rgba(75, 150, 214, 0.4);
    box-shadow : 6px -66px 50px -56px rgba(250, 250, 250, 0.6) inset;
    transition : box-shadow 0.3s ease-in-out;
}
button.new_plus{
    background : url(../images/new_tick_plus.png) no-repeat 20px 24px, rgba(75, 150, 214, 0.45);
    box-shadow : 6px -66px 50px -56px rgba(250, 250, 250, 0.6) inset;
    transition : box-shadow 0.3s ease-in-out;
}
button.new_plus:hover{
    background : url(../images/new_tick_plus.png) no-repeat 20px 24px, rgba(75, 150, 214, 0.4);
    box-shadow : 6px -66px 50px -56px rgba(250, 250, 250, 0.6) inset;
    transition : box-shadow 0.3s ease-in-out;
}
button.com_popup_attachment{
    box-shadow : -6px -66px 50px -56px rgba(250, 250, 250, 0.6) inset;
    background : url(../images/popup_attachment.png) no-repeat 6px 19px, rgba(75, 150, 214, 0.45);
}
button.com_popup_attachment.with_attachment{
    background : url(../images/popup_attachment.png) no-repeat 6px 19px, rgba(5, 202, 5, 0.45);
}
button.com_popup_send{
    border-radius : 140px 0 14px 0;
    box-shadow    : 26px -26px 37px -24px rgba(250, 250, 250, 0.3) inset;
    background : url(../images/com_popup_send.png) no-repeat 10px 27px, rgba(75, 150, 214, 0.45);
    background-size: 38px;
    float         : right;
}
div.inForm_bottom{
    position   : absolute;
    height     : 34px;
    width      : 100%;
    /*    bottom     : 54px;*/
    bottom     : 51px;
    background : none;
}
div.inForm_top{
    position      : absolute;
    height        : 34px;
    width         : 100%;
    top           : 0px;
    background    : none;
    border-radius : 10px 10px 0 0;
}
.inForm_top_active{
    background      : url(../images/top_fade.png) repeat-x 0px 0px !important;
    background-size : auto;
}
.inForm_bottom_active{
    background      : url(../images/bottom_fade.png) repeat-x 0px 0px !important;
    background-size : auto;
}
.Close_New, .Close_Edit{
    background    : url("../images/new_close.png") no-repeat scroll 5px 5px, rgba(75, 150, 214, 0.45);
    box-shadow    : 16px -16px 17px -14px rgba(250, 250, 250, 0.3) inset;
    border-radius : 8px 0 26px 0;
    cursor        : pointer;
    height        : 26px;
    position      : absolute;
    width         : 26px;
    top           : 0;
    left          : 0;
}
.Close_Extra{
    background    : url("../images/new_close.png") no-repeat scroll 5px 5px, rgba(75, 150, 214, 0.45);
    box-shadow    : 16px -16px 17px -14px rgba(250, 250, 250, 0.3) inset;
    border-radius : 8px 0 26px 0;
    cursor        : pointer;
    height        : 26px;
    position      : absolute;
    width         : 26px;
    left          : 0;
}
div.Extra_form_float div.Close_Extra,div.Extra_form_float_order div.Close_Extra{
    background: url("../images/cancel_arrow.png") no-repeat scroll 8px 22px, rgba(75, 150, 214, 0.45);
    border-radius: 0px 98px 0px 11px;
    cursor: pointer;
    height: 55px;
    width: 55px;
}
.Close_New:hover, .Close_Edit:hover, .Close_Extra:hover{
    box-shadow : 22px -26px 17px -14px rgba(250, 250, 250, 0.3) inset;
    transition : box-shadow 0.3s ease-in-out;
    background : url("../images/new_close.png") no-repeat scroll 5px 5px, rgba(75, 150, 214, 0.45);
}
/*table.Form td{
    padding : 2px 0px 0px 10px;
}*/
table.Form td input{
    padding : 2px 0px 0px 4px;
    /*    font-size: 12px;*/

}
button.gear{
    background   : url("../images/gear_white.png") no-repeat scroll center center transparent;
    border       : medium none;
    box-shadow   : none;
    margin : 0px 2px 0px 0px;
    min-height   : 36px;
    min-width    : 36px;
    margin-top: 5px;
    position: relative;/* if there is problem with gear remove these 2 lines and z-index at .top_right*/
    z-index: 2;
}
div.top_right:hover button.gear{
    -webkit-animation : spin 0.8s;
    -moz-animation    : spin 0.6s;
    -o-animation      : spin 0.8s;
    -ms-animation     : spin 0.8s;
    cursor: pointer;
}

@-webkit-keyframes spin{
    0%{
    -webkit-transform : rotate(0deg);
}
50%{
    -webkit-transform : rotate(45deg);
}
100%{
    -webkit-transform : rotate(0deg);
}
}

@-moz-keyframes spin{
    0%{
    -moz-transform : rotate(0deg);
}
50%{
    -moz-transform : rotate(45deg);
}
100%{
    -webkit-transform : rotate(0deg);
}
}

@-o-keyframes spin{
    0%{
    -o-transform : rotate(0deg);
}
50%{
    -o-transform : rotate(45deg);
}
100%{
    -webkit-transform : rotate(0deg);
}
}

@-ms-keyframes spin{
    0%{
    -ms-transform : rotate(0deg);
}
50%{
    -ms-transform : rotate(45deg);
}
100%{
    -webkit-transform : rotate(0deg);
}
/*box-shadow: -6px -66px 50px -56px rgba(250, 250, 250, 0.6) inset;*/
/*transition: box-shadow 0.3s ease-in-out;*/
}
.top_right{
    background    : rgba(75, 150, 214, 0.4);
    border-radius : 0 10px 0 60px;
    height        : 55px;
    margin-bottom : -10px;
    margin-left   : -63px;
    width         : 55px;
    box-shadow    : -16px 16px 17px -14px rgba(250, 250, 250, 0.5) inset;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.top_right:hover{
    box-shadow : -6px -66px 50px -56px rgba(250, 250, 250, 0.6) inset;
    transition : box-shadow 0.3s ease-in-out;
    cursor: pointer;
}
div.header_buts{
    margin-bottom : 8px;
    width         : 100%;
    float         : left;
    position      : relative;
}
.page_header{
    color         : #EEEEEE;
    font-size     : 24px;
    font-size     : 22px;
    margin-bottom : 4px;
    padding       : 8px;
    text-shadow   : 1px 1px 2px #000000;
    font-family   : 'Open Sans', sans-serif;
    display       : inline-block;
    font-weight   : normal;
}
.close_win{
    background    : url("../images/new_close.png") no-repeat scroll center center rgba(100, 100, 100, 0.1);
    cursor        : pointer;
    float         : left;
    height        : 22px;
    margin-left   : 5px;
    margin-top    : 13px;
    width         : 26px;
    box-shadow    : 0px 0px 5px 0px rgba(100, 100, 100, 0.4);
    border-radius : 4px;
}
.minus{
    background : url("../images/small_x_white.png") no-repeat scroll 0 0;
    margin-top : 4px;
}
.minus:hover, .close_win:hover{
    opacity            : 0.65;
    transition         : opacity 0.35s ease-in-out;
    -moz-transition    : opacity 0.35s ease-in-out;
    -webkit-transition : opacity 0.35s ease-in-out;
}
div.gear_options ul.gears li:hover, div.group_select ul.gears li:hover, .Edit_form_float div.gear_options ul.gears li:hover, .Edit_form_float div.group_select ul.gears li:hover{
    box-shadow: 0px 2px 5px 0px rgba(100,100,100,0.2);
    transition : box-shadow 0.3s ease-in-out;
    color      : #000000;
    background :rgba(178,225,255,0.5);
    transition : color 0.2s ease-in-out;
    margin: 0px -4px;
    padding:0px 4px
}
div.gear_options ul.gears li:first-child:hover, div.gear_options ul.gears li:last-child:hover, .Edit_form_float div.gear_options ul.gears li:first-child:hover, .Edit_form_float div.gear_options ul.gears li:last-child:hover{
    box-shadow: 0px 2px 5px 0px rgba(100,100,100,0.2);
    transition : box-shadow 0.3s ease-in-out;
    color      : #000000;
    background    : rgba(178,225,255,0.5);
    border-radius : 5px 5px 0px 0px;
    transition : color 0.2s ease-in-out;
    margin: 0px -4px
}
div.gear_options ul.gears li:last-child:hover, .Edit_form_float div.gear_options ul.gears li:last-child:hover{
    box-shadow: 0px 2px 5px 0px rgba(100,100,100,0.2);
    transition : box-shadow 0.3s ease-in-out;
    color      : #000000;
    transition : color 0.2s ease-in-out;
    margin: 0px -4px;
    border-radius : 0px 0px 5px 5px;
}
div.gear_options, div.group_select{
    min-width            : 100px;
    background-color     : rgba(255, 255, 255, 0.9);
    position             : absolute;
    /*    display:inline-block;*/
    z-index              : 1;
    font-family          : 'Open Sans Condensed', sans-serif;
    /*    min-width: 500px;*/
    box-shadow           : 0 3px 8px 0px rgba(0, 0, 0, 0.4);
    webkit-border-radius : 5px; /* for Chrome + Safari */
    -moz-border-radius   : 5px; /* for Firefox */
    -khtml-border-radius : 5px; /* for Konqueror */
    border-radius        : 5px; /* for Opera 10.5, IE9 and future-proofing */
    padding              : 0 4px;
}
ul.gears li, ul.groups li, .Edit_form_float ul.gears li, .Edit_form_float ul.groups li{
    text-align : center;
    list-style : none outside none;
    cursor     : pointer;
    color: #3F3F3F;
    padding-top: 0px;
    height: 24px;
}
ul.gears li:hover, ul.groups li:hover, .Edit_form_float ul.gears li:hover, .Edit_form_float ul.groups li:hover{
    opacity          : 0.8;
    background-color : rgba(235, 235, 235, 0.9);
}
div.gear_filter{
    background  : none;
    border      : none;
    display     : inline-block;
    font-family : 'Open Sans Condensed', sans-serif;
    margin-top  : 10px;
    /*    min-width: 500px;*/
    margin-right: 50px;
}
div.gear_filter select{
    background  : none;
    border      : none;
    display     : inline-block;
    font-family : 'Open Sans Condensed', sans-serif;
    /*    min-width: 500px;*/
}
div.gear_filter .button{
    background : url("../images/arrow_right.png") no-repeat center center;
    width      : 20px;
    height     : 20px;
    border     : none;
    box-shadow : none;
}
input.foc{
    background : none !important;
    cursor     : default !important;
    color      : #FFFFFF !important;
    border     : none !important;
    /*    text-shadow: 0 -1px 1px #000;*/
    /*    border: 1px solid rgba(224,224,224,0.2);*/
    box-shadow : 0 0 2px 0 rgba(244, 244, 244, 0.3) inset;
}
input.foc:hover{
    background : #FFFFFF !important;
    cursor     : default !important;
    color      : #000000 !important;
}
select.foc{
    background   : none !important;
    border-width : 0px !important;
    cursor       : default !important;
    color        : #000000 !important;
}
.minTab_cont input[type="text"]{
    border-radius : 4px 4px 4px 4px;
    font-family   : 'Open Sans Condensed', sans-serif;
    font-size     : 15px;
    /*    min-height    : 26px;*/
    border        : none;
}
.lang_container li{
    list-style    : none;
    float         : left;
    width         : 22px;
    height        : 22px;
    border-radius : 20px;
    margin-right  : 10px;
    opacity       : 0.7;
    box-shadow    : 0px 0px 0px 0px rgba(255, 255, 255, 0.1);
    transition    : box-shadow 0.25s ease-in-out;
}
.lang_container li.active{
    opacity : 1;
}
.lang_container li:hover{
    /*    box-shadow : 0px 0px 4px 2px #FFFFFF;*/
    transition : box-shadow 0.2s ease-in-out;
}
div.inForm table.Form tr:nth-child(1){
    /*    height     : 30px;*/
    background : none;
}
.Link_Tabs /*, .Edit_Link_Tabs*/
{
    /*    margin : 8px 8px 4px;*/
    margin              : 8px 58px 4px 8px;
    float               : left;
    -webkit-text-stroke : 10px rgba(0, 0, 0, 0);
    font-weight         : normal;
    /*    height              : 30px;*/
    height              : 40px;
}
.app_title{
    color       : #EEEEEE;
    float       : left;
    font-family : 'Open Sans', sans-serif;
    font-size   : 18px;
    font-weight : normal;
    /*    margin      : 10px 0 0 24px;*/
    margin      : 10px 0 22px 24px;
    text-shadow : 1px 1px 2px #000000;
    width       : auto;
}

/* --Administration App  style */
.administration_container{
    /*    padding    : 10px;*/
    overflow-x : hidden;
    overflow-y : auto;
}
.administration_actions{
    width  : 100%;
    float  : left;
    margin : -5px 0 20px 0px;
}
/* tab3 style */
.cpanel_chart{
    float : left;
}
.cpanel_data{
    float        : left;
    padding-left : 30px;
    padding-top  : 16px;
}
.easyPieChart{
    position         : relative;
    text-align       : center;
    border-radius    : 60px 60px 60px 60px;
    background-image : linear-gradient(bottom, rgb(235, 235, 235) 29%, rgb(202, 209, 209) 95%);
    background-image : -o-linear-gradient(bottom, rgb(235, 235, 235) 29%, rgb(202, 209, 209) 95%);
    background-image : -moz-linear-gradient(bottom, rgb(235, 235, 235) 29%, rgb(202, 209, 209) 95%);
    background-image : -webkit-linear-gradient(bottom, rgb(235, 235, 235) 29%, rgb(202, 209, 209) 95%);
    background-image : -ms-linear-gradient(bottom, rgb(235, 235, 235) 29%, rgb(202, 209, 209) 95%);
    background-image : -webkit-gradient(linear, left bottom, left top, color-stop(0.29, rgb(235, 235, 235)), color-stop(0.95, rgb(202, 209, 209)));
}
.easyPieChart canvas{
    position : absolute;
    top      : 0;
    left     : 0;
}
.chart{
    float : left;
}
.percentage, .label{
    text-align    : center;
    color         : #333333;
    font-weight   : 100;
    font-size     : 32px;
    margin-bottom : 0.3em;
    font-weight   : bolder;
    text-shadow   : 2px 2px lightgrey;
    border        : 1px solid lightgrey;
}
.per{
    font-size   : 15px;
    position    : absolute;
    top         : -6px;
    font-weight : normal;
}
.admin_back_up_span{
    text-decoration : underline;
    font-weight     : bold;
}
/* --Ends Administration style*/
.app_content, .sub_content{
    /*            background: none repeat scroll 0 0 rgba(255, 255, 255, 0.80);*/
    background    : rgba(250, 250, 250, 1.0);
    border-radius : 10px 10px 10px 10px;
    font-family   : 'Open Sans Condensed', sans-serif;
    /*    min-width: 500px;*/
    float         : left;
    box-shadow    : 2px 2px 9px -2px #000000;
}
.sub_content{
    display  : none;
    position : absolute;
}
table.data a{
    /*            color: #0040D0;*/
    color           : rgba(0, 64, 208, 0.9);
    text-decoration : none;
    border: none!important;
}
table.data tbody tr.grey td{
    background : rgba(230, 230, 230, 0.1);
    color      : rgba(112, 112, 112, 0.8);
}
table.data tr td{
    color      : rgba(112, 112, 112, 0.8);
    border-top : 1px solid rgba(190, 190, 190, 0.16);
}
table.data tr.sm td{
    color: #666666;
}
table.data tbody tr:not(.group_tr):hover td{
    background  : #E8EDFF;
    background  : -moz-linear-gradient(top, rgba(200, 200, 200, 0.4), rgba(230, 230, 230, 0.3));
    background  : -webkit-gradient(linear, left top, left bottom, from(rgba(200, 193, 193, 0.4)), to(rgba(230, 230, 230, 0.3)));
    filter : progid:DXImageTransform.Microsoft.Gradient(StartColorStr='rgba(200,193,193,0.4)', EndColorStr='rgba(230,230,230,0.3', GradientType=0);
    color : rgba(65, 65, 65, 0.4);
    box-shadow  : 0px 0px 10px 30px rgba(250, 250, 250, 0.4) inset;
    transition  : all 0.2s ease-in-out;
    text-shadow : 0px -1px 0px rgba(240, 240, 240, 0.7);
}
table.data tbody tr.self td{
    background  : #E8EDFF;
    background  : -moz-linear-gradient(top, rgba(200, 200, 200, 0.4), rgba(230, 230, 230, 0.3));
    background  : -webkit-gradient(linear, left top, left bottom, from(rgba(200, 193, 193, 0.4)), to(rgba(230, 230, 230, 0.3)));
    filter : progid:DXImageTransform.Microsoft.Gradient(StartColorStr='rgba(200,193,193,0.4)', EndColorStr='rgba(230,230,230,0.3', GradientType=0);
    color : rgba(165, 165, 165, 1);
}
table.data tbody tr.sm:hover td{
    color: #FFFFFF;
    background: rgba(100,100,100,0.1);
    /*    background: -moz-linear-gradient(top,  rgba(238,238,238,0.5) 0%, rgba(204,204,204,0.8) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,0.5)), color-stop(100%,rgba(204,204,204,0.8)));
        background: -webkit-linear-gradient(top,  rgba(238,238,238,0.5) 0%,rgba(204,204,204,0.8) 100%);
        background: -o-linear-gradient(top,  rgba(238,238,238,0.5) 0%,rgba(204,204,204,0.8) 100%);
        background: -ms-linear-gradient(top,  rgba(238,238,238,0.5) 0%,rgba(204,204,204,0.8) 100%);
        background: linear-gradient(to bottom,  rgba(238,238,238,0.5) 0%,rgba(204,204,204,0.8) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80eeeeee', endColorstr='#cccccccc',GradientType=0 );*/
    box-shadow  : 0px 13px 8px -7px rgba(100, 100, 100, 0.1) inset;
    transition  : all 0.2s ease-in-out;
}
table.data tbody tr:hover a{
    color : rgba(0, 52, 170, 0.7);
}
table.data tbody tr td img{
    vertical-align : middle;
}
div.pager_container div{
    background-size : 18px;
}
.on_off_coupons input{
    float : right;
    width : 80px;
}

/******************** Comm hub ********************/
/***                                                                                      ***/
/***                                                                                      ***/
/***                                                                                      ***/
/******************** ******** ********************/
div#notification_tab{
    background-color : yellow;
    border-color     : black;
    border-width     : 3px;
    border-style     : solid;
    width            : 20px;
    height           : 20px;
    position         : absolute;
    z-index          : 20;
    top              : 120px;
    right            : 0px;
}
div.true{
    background : #FFAAAA;
}
div.gateway_mini div.user_offline{
    opacity : 0.3;
}
table.Table_commhub{
    font-family     : 'Open Sans Condensed', sans-serif;
    color           : #FFFFFF;
    border-collapse : collapse;
    width           : 300px;
}
table.Table_commhub div{
    overflow : hidden;
}
tr.new_note div{
    cursor : pointer;
}
div.gateway_mini{
    /*    padding:10px;*/
    position                : absolute;
    z-index                 : 11;
    /*    color                   : #FFFFFF;*/
    color                   : #000000;
    -moz-transform-style    : preserve-3d;
    -webkit-transform-style : preserve-3d;
    transform-style         : preserve-3d;
    display                 : table;
    /*    background: rgba(42, 42, 42, 0.77);*/
    /*    background: rgba(240, 240, 240, 0.85);*/
    background: rgba(210, 210, 210, 0.9);
    /*    border-radius           : 10px;*/
    border-radius           : 8px;
    font-family             : 'Open Sans Condensed', sans-serif;
}
/*div.gateway_mini:hover{
    color: rgba(60,60,60,0.7);
}*/
div.gateway_mini .incoming div.mini_content{
    overflow-y : auto;
    overflow-x : hidden;
    padding     : 5px;
}
div.gateway_mini .outgoing div.mini_content{
    overflow-y : auto;
    overflow-x : hidden;
    /*    padding     : 5px;*/
    padding: 5px 0px;
}
div.gateway_mini .outgoing .user_messages{
    overflow-y : auto;
    overflow-x : hidden;
}
.gateway_mini span{
    font-size : 10px;
}
/*.gateway_mini div{
    width    : 100%;
    display: block;
}*/
.gateway_mini textarea{
    height   : 100px;
    width    : 100%;
    overflow : scroll;
}
div.gateway_mini div.gateway_button{
    display : inline-block;
    width   : 24px;
    /*    height  : 24px;*/
    height  : 32px;
    cursor  : pointer;
}
div.gateway_mini div.user_offline{
    cursor : default !important;
}
div.alert{
    background : rgba(30, 60, 120, 0.75);
}
div.gateway_mini div[rel=show]{
    position : absolute;
    z-index  : 11;
}
div.gateway_mini div.conference_room video{
    -moz-transform-style        : preserve-3d;
    -webkit-transform-style     : preserve-3d;
    transform-style             : preserve-3d;
    -webkit-backface-visibility : visible;
    -moz-backface-visibility    : visible;
    -ms-backface-visibility     : visible;
}
div.gateway_mini div.actions_inc div[channel=voip]{
    background      : url(../gateway/images/telephone_30.png) no-repeat center center;
    background-size : 19px 19px;
}
div.gateway_mini div.actions_inc div[channel=wboard]{
    background      : url(../gateway/images/whiteboard_icon.png) no-repeat center center;
    background-size : 20px 20px;
}
#preload1{
    background : url(..images/comhub_images/title_bg.png) no-repeat -9999px -9999px;
}
div.gateway_mini div.actions_inc div[channel=phone]{
    background      : url(../gateway/images/telephone_30.png) no-repeat center center;
    background-size : 20px 20px;
}
#preload2{
    background : url(../gateway/images/telephone_30.png) no-repeat -9999px -9999px;
}
div.gateway_mini div.controls div[rtc=record]{
    background      : url(../gateway/images/rtc_record.png) no-repeat center center;
    background-size : 20px 20px;
}
#preload3{
    background : url(../gateway/images/rtc_record.png) no-repeat -9999px -9999px;
}
div.gateway_mini div.controls div[rtc=stop]{
    background      : url(../gateway/images/rtc_stop.png) no-repeat center center;
    background-size : 20px 20px;
}
#preload4{
    background : url(../gateway/images/rtc_stop.png) no-repeat -9999px -9999px;
}
div.gateway_mini div.controls div[rtc=v_mute]{
    background      : url(../gateway/images/video_mute.png) no-repeat center center;
    background-size : 20px 20px;
}
#preload5{
    background : url(../gateway/images/video_mute.png) no-repeat -9999px -9999px;
}
div.gateway_mini div.controls div[rtc=a_mute]{
    background      : url(../gateway/images/audio_mute.png) no-repeat center center;
    background-size : 20px 20px;
}

#preload6{
    background : url(../gateway/images/audio_mute.png) no-repeat -9999px -9999px;
}

div.gateway_mini div.controls div[rtc=connect]{
    background      : url(../gateway/images/rtc_connect.png) no-repeat center center;
    background-size : 20px 20px;
}

#preload7{
    background : url(../gateway/images/rtc_connect.png) no-repeat -9999px -9999px;
}

/*div.gateway_mini div.actions_inc div[channel=sms]{
    background: url(../images/comhub_images/sms.png) no-repeat center center;
    background-size: 20px 20px;
}*/
#preload8{
    background : url(../images/comhub_images/sms.png) no-repeat -9999px -9999px;
}

div.gateway_mini div.actions_inc div[channel=email]
{
    background      : url(../images/comhub_images/mail.png) no-repeat center center;
    background-size : 20px 14px;
}
#preload9{
    background : url(../images/comhub_images/fax.png) no-repeat -9999px -9999px;
}
#preload10{
    background : url(../gateway/images/voice_mail_30.png) no-repeat -9999px -9999px;
}

div.gateway_mini div.actions_inc div[channel=mobile]{
    background      : url(../gateway/images/mobile_30.png) no-repeat center center;
    background-size : 20px 20px;
}

#preload12{
    background : url(../gateway/images/chat.png) no-repeat -9999px -9999px;
}

/*div.gateway_mini div.actions_inc div[channel=chat]{
    background: url(../gateway/images/chat_30.png) no-repeat center center;
    background-size: 20px 20px;
}*/
#preload13{
    background : url(../gateway/images/fb_chat.png) no-repeat -9999px -9999px;
}

/*div.gateway_mini div.actions_inc div[channel=fb_chat]{
    background: url(../gateway/images/fb_chat.png) no-repeat center center;
    background-size: 20px 20px;
}*/
#preload14{
    background : url(../gateway/images/fb_chat.png) no-repeat -9999px -9999px;
}

div.gateway_mini div.actions_inc div[channel=tweet]{
    background      : url(../gateway/images/twit.png) no-repeat center center;
    background-size : 20px 20px;
}

#preload15{
    background : url(../gateway/images/twit.png) no-repeat -9999px -9999px;
}

div.gateway_mini div.actions_inc div[channel=chat].active{
    background-color : 'yellow';
    background       : url(../gateway/images/chat_30.png) no-repeat center center;
    background-size  : 20px 20px;
}

#preload16{
    background : url(../images/comhub_images/videoconference.png) no-repeat -9999px -9999px;
}

/*div.gateway_mini div.actions_inc div[channel=vconf]{
    background: url(../gateway/images/video_chat_30.png) no-repeat center center;
    background-size: 20px 20px;
}*/
#preload17{
    background : url(../gateway/images/video_chat_30.png) no-repeat -9999px -9999px;
}

div.gateway_mini div.actions_inc div[channel=tw_chat]{
    background      : url(../gateway/images/twit.png) no-repeat center center;
    background-size : 20px 20px;
}

#preload18{
    background : url(../gateway/images/twit.png) no-repeat -9999px -9999px;
}

/*#preload19{
    background : url(../images/comhub_images/notification_reject.png) no-repeat -9999px -9999px;
}

#preload20{
    background : url(../images/comhub_images/notification_accept.png) no-repeat -9999px -9999px;
}*/

#preload21{
    background : url(../images/comhub_images/notification_x.png) no-repeat -9999px -9999px;
}

.Q_commhub_Head{
    border-bottom    : 1px solid #FFFFFF;
    background-color : rgba(180, 180, 180, 0.7);
}

input#commhub_search{
    min-height : 20px;
    padding    : 1px;
    margin     : 2px;
}

.Message{
    font-size : 15px;
    color     : green;
}

.Voicemail{
    font-size : 15px;
    color     : yellow;
}

.Email{
    font-size : 15px;
    color     : brown;
}

.Chat_message{
    font-size : 15px;
    color     : blueviolet;
}

tr#gateway_controls td{
    cursor : pointer;
}

div.As_scrolltitle{
    /*    background: rgba(180, 180, 180, 0.7);*/
    /*    height             : 40px;*/
    cursor             : pointer;
    /*    background         : url(../images/comhub_images/title_bg.png) repeat-x 0 0;*/
    box-shadow         : 0px 2px 3px -1px rgba(10, 10, 10, 0.7);
    -moz-box-shadow    : 0px 2px 3px -1px rgba(10, 10, 10, 0.7);
    -webkit-box-shadow : 0px 2px 3px -1px rgba(10, 10, 10, 0.7);
    text-align         : center;
}

/*.Q_message_Head.loading , div.As_scrolltitle.loading{
    background: url(../images/progressBarAnim.gif) repeat 0 0 !important;
}*/
.Q_message_Head.loading, div.As_scrolltitle.loading{
    box-shadow         : 0px 5px 17px 23px rgba(0, 50, 100, 0.4) inset;
    /*    transition-duration: 2s;*/
    -webkit-transition : -webkit-box-shadow 0.3s ease-in-out;
    -moz-transition    : -moz-box-shadow 0.3s ease-in-out;
    -o-transition      : box-shadow 0.3s ease-in-out;
}

.Q_message_Head.unloading, div.As_scrolltitle.unloading{
    transition         : box-shadow 0.3s ease-in-out;
    -moz-transition    : box-shadow 0.3s ease-in-out;
    -webkit-transition : box-shadow 0.3s ease-in-out;
    box-shadow         : none;
    box-shadow         : transparent;
}

.Q_message_l{
    width      : 100%;
    background : none;
}

.Q_message_l:hover{
}

/*span#comm_type:hover{
    font-size:15px;
    font-weight:bold;
}*/
/*span#comm_sender:hover{
    font-size:13px;
    font-weight:bold;
}*/
.Q_message_bl{
    width        : 140px;
    height       : 20px;
    float        : left;
    overflow     : hidden;
    padding-left : 8px;
    text-align   : left;
    padding-top  : 4px;
}

.Q_message_bl:hover{
    /*    font-size:13px;
        font-weight:bold;*/
    /*    color : #DEDEDE;*/
    color: rgba(150,150,150,0.8);
}
.Q_message_br{
    float      : right;
    width      : 65px;
    text-align : center;
    color      : red;
    height     : 20px;
    overflow   : hidden;
}
.Q_message_extra{
    float      : right;
    width      : 65px;
    text-align : center;
    height     : 20px;
    overflow   : hidden;
}
.Q_message_br:hover{
    font-size   : 13px;
    font-weight : bold;
}
.comm_reply:hover{
    font-size   : 13px;
    font-weight : bold;
}
.comm_forward:hover{
    font-size   : 13px;
    font-weight : bold;
}
.comm_read:hover{
    font-size   : 13px;
    font-weight : bold;
}
.comm_reply{
    color : green;
}
.comm_forward{
    color : blue;
}
.comm_read{
    color : yellow;
}
.Q_message_r{
    width      : 106px;
    text-align : right;
}
.Q_message_r:hover{
}
.Q_message_l, .Q_message_r{
    font-size : 12px;
    padding   : 2px 3px;
    float     : left;
}
.Q_message_Head, .Q_message_Body{
    height             : 28px;
    /*    background         : -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(161, 161, 161, 1) 3%, rgba(77, 77, 77, 1) 5%, rgba(66, 66, 66, 1) 8%, rgba(12, 12, 12, 1) 44%, rgba(1, 1, 1, 1) 56%, rgba(0, 0, 0, 1) 100%);
        background         : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(3%, rgba(161, 161, 161, 1)), color-stop(5%, rgba(77, 77, 77, 1)), color-stop(8%, rgba(66, 66, 66, 1)), color-stop(44%, rgba(12, 12, 12, 0.64)), color-stop(56%, rgba(1, 1, 1, 1)), color-stop(100%, rgba(0, 0, 0, 1)));
        background         : -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(161, 161, 161, 1) 3%, rgba(77, 77, 77, 1) 5%, rgba(66, 66, 66, 1) 8%, rgba(12, 12, 12, 1) 44%, rgba(1, 1, 1, 1) 56%, rgba(0, 0, 0, 1) 100%);
        background         : -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(161, 161, 161, 1) 3%, rgba(77, 77, 77, 1) 5%, rgba(66, 66, 66, 1) 8%, rgba(12, 12, 12, 1) 44%, rgba(1, 1, 1, 1) 56%, rgba(0, 0, 0, 1) 100%);
        background         : -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(161, 161, 161, 1) 3%, rgba(77, 77, 77, 1) 5%, rgba(66, 66, 66, 1) 8%, rgba(12, 12, 12, 1) 44%, rgba(1, 1, 1, 1) 56%, rgba(0, 0, 0, 1) 100%);
        background         : linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(161, 161, 161, 1) 3%, rgba(77, 77, 77, 1) 5%, rgba(66, 66, 66, 1) 8%, rgba(12, 12, 12, 1) 44%, rgba(1, 1, 1, 1) 56%, rgba(0, 0, 0, 1) 100%);*/
    /*    box-shadow         : 0px 2px 3px -1px rgba(10, 10, 10, 0.7);
        -moz-box-shadow    : 0px 2px 3px -1px rgba(10, 10, 10, 0.7);
        -webkit-box-shadow : 0px 2px 3px -1px rgba(10, 10, 10, 0.7);*/
    box-shadow         : 0px 1px 4px -2px rgba(70, 70, 70, 0.7) inset;
    -moz-box-shadow    : 0px 1px 4px -2px rgba(70, 70, 70, 0.7) inset;
    -webkit-box-shadow : 0px 1px 4px -2px rgba(70, 70, 70, 0.7) inset;
    text-align         : center;
}
.Q_message_Body{
    /*    background : url(../images/comhub_images/com_item_bg.png) repeat-x 0 0;*/
    font-size  : 13px;
    /*    color      : #FFFFFF;*/
    color      : #000000;
    height     : 50px;
}
.Q_message_Body:hover{
    cursor             : pointer;
    /*    box-shadow         : 0px 4px 51px 5px rgba(200, 200, 200, 0.25) inset;
        -moz-box-shadow    : 0px 4px 51px 5px rgba(200, 200, 200, 0.25) inset;
        -webkit-box-shadow : 0px 4px 51px 5px rgba(200, 200, 200, 0.25) inset;*/
    box-shadow         : 0px 0px 9px 0px rgba(70,70,70,0.5);
    -moz-box-shadow    : 0px 0px 9px 0px rgba(70,70,70,0.5);
    -webkit-box-shadow : 0px 0px 9px 0px rgba(70,70,70,0.5);
    /*    background         : -moz-linear-gradient(top, rgba(149, 149, 149, 0.3) 0%, rgba(1, 1, 1, 0.5) 37%, rgba(56, 56, 56, 0.5) 75%, rgba(94, 94, 94, 0.5) 100%);
        background         : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(149, 149, 149, 0.3)), color-stop(37%, rgba(1, 1, 1, 0.5)), color-stop(75%, rgba(56, 56, 56, 0.5)), color-stop(100%, rgba(94, 94, 94, 0.5)));
        background         : -webkit-linear-gradient(top, rgba(149, 149, 149, 0.3) 0%, rgba(1, 1, 1, 0.5) 37%, rgba(56, 56, 56, 0.5) 75%, rgba(94, 94, 94, 0.5) 100%);
        background         : -o-linear-gradient(top, rgba(149, 149, 149, 0.3) 0%, rgba(1, 1, 1, 0.5) 37%, rgba(56, 56, 56, 0.5) 75%, rgba(94, 94, 94, 0.5) 100%);
        background         : -ms-linear-gradient(top, rgba(149, 149, 149, 0.3) 0%, rgba(1, 1, 1, 0.5) 37%, rgba(56, 56, 56, 0.5) 75%, rgba(94, 94, 94, 0.5) 100%);
        background         : linear-gradient(to bottom, rgba(149, 149, 149, 0.3) 0%, rgba(1, 1, 1, 0.5) 37%, rgba(56, 56, 56, 0.5) 75%, rgba(94, 94, 94, 0.5) 100%);*/
}
.Q_message_Head:hover{
    cursor             : pointer;
    /*    box-shadow         : 0px 4px 51px 5px rgba(200, 200, 200, 0.15) inset;
        -moz-box-shadow    : 0px 4px 51px 5px rgba(200, 200, 200, 0.15) inset;
        -webkit-box-shadow : 0px 4px 51px 5px rgba(200, 200, 200, 0.15) inset;*/
    box-shadow         : 0px -1px 0px 0px rgba(200, 200, 200, 0.3) inset;
    -moz-box-shadow    : 0px -1px 0px 0px rgba(200, 200, 200, 0.3) inset;
    -webkit-box-shadow : 0px -1px 0px 0px rgba(200, 200, 200, 0.3) inset;
}
.Clear_msgs, .Clear_emails{
    cursor : pointer;
}
div.C_messages{
    overflow-y                  : auto;
    -webkit-transition-duration : 1s;
    -webkit-transform-style     : preserve-3d;
    -webkit-backface-visibility : hidden;
}
div.C_messages.rotate{
    -webkit-transform : rotateY(180deg);
}

.Comhub_header_titles{
    padding-top : 1px;
    font-size   : 20px;
    color       : rgba(245, 245, 245, 0.95);
    text-shadow : 0px -1px rgba(0, 0, 0, 0.4);
    height      : 28px;
    /*    background         : url(../images/comhub_images/title_bg.png) repeat-x 0 0;*/
    box-shadow         : 0px 2px 3px -1px rgba(10, 10, 10, 0.7);
    -moz-box-shadow    : 0px 2px 3px -1px rgba(10, 10, 10, 0.7);
    -webkit-box-shadow : 0px 2px 3px -1px rgba(10, 10, 10, 0.7);
    /*    background: -moz-linear-gradient(left,  rgba(160,160,160,0.97) 0%, rgba(109,109,109,0.98) 30%, rgba(114,114,114,0.98) 67%, rgba(115,115,115,0.98) 68%, rgba(150,150,150,1) 99%, rgba(150,150,150,1) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(160,160,160,0.97)), color-stop(30%,rgba(109,109,109,0.98)), color-stop(67%,rgba(114,114,114,0.98)), color-stop(68%,rgba(115,115,115,0.98)), color-stop(99%,rgba(150,150,150,1)), color-stop(100%,rgba(150,150,150,1)));
        background: -webkit-linear-gradient(left,  rgba(160,160,160,0.97) 0%,rgba(109,109,109,0.98) 30%,rgba(114,114,114,0.98) 67%,rgba(115,115,115,0.98) 68%,rgba(150,150,150,1) 99%,rgba(150,150,150,1) 100%);
        background: -o-linear-gradient(left,  rgba(160,160,160,0.97) 0%,rgba(109,109,109,0.98) 30%,rgba(114,114,114,0.98) 67%,rgba(115,115,115,0.98) 68%,rgba(150,150,150,1) 99%,rgba(150,150,150,1) 100%);
        background: -ms-linear-gradient(left,  rgba(160,160,160,0.97) 0%,rgba(109,109,109,0.98) 30%,rgba(114,114,114,0.98) 67%,rgba(115,115,115,0.98) 68%,rgba(150,150,150,1) 99%,rgba(150,150,150,1) 100%);
        background: linear-gradient(to right,  rgba(160,160,160,0.97) 0%,rgba(109,109,109,0.98) 30%,rgba(114,114,114,0.98) 67%,rgba(115,115,115,0.98) 68%,rgba(150,150,150,1) 99%,rgba(150,150,150,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a0a0a0', endColorstr='#969696',GradientType=1 );*/
    background: -moz-linear-gradient(top,  rgba(160,160,160,0.97) 0%, rgba(143,143,143,0.98) 19%, rgba(114,114,114,0.98) 52%, rgba(114,114,114,0.98) 54%, rgba(111,111,111,0.98) 78%, rgba(109,109,109,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(160,160,160,0.97)), color-stop(19%,rgba(143,143,143,0.98)), color-stop(52%,rgba(114,114,114,0.98)), color-stop(54%,rgba(114,114,114,0.98)), color-stop(78%,rgba(111,111,111,0.98)), color-stop(100%,rgba(109,109,109,1)));
    background: -webkit-linear-gradient(top,  rgba(160,160,160,0.97) 0%,rgba(143,143,143,0.98) 19%,rgba(114,114,114,0.98) 52%,rgba(114,114,114,0.98) 54%,rgba(111,111,111,0.98) 78%,rgba(109,109,109,1) 100%);
    background: -o-linear-gradient(top,  rgba(160,160,160,0.97) 0%,rgba(143,143,143,0.98) 19%,rgba(114,114,114,0.98) 52%,rgba(114,114,114,0.98) 54%,rgba(111,111,111,0.98) 78%,rgba(109,109,109,1) 100%);
    background: -ms-linear-gradient(top,  rgba(160,160,160,0.97) 0%,rgba(143,143,143,0.98) 19%,rgba(114,114,114,0.98) 52%,rgba(114,114,114,0.98) 54%,rgba(111,111,111,0.98) 78%,rgba(109,109,109,1) 100%);
    background: linear-gradient(to bottom,  rgba(160,160,160,0.97) 0%,rgba(143,143,143,0.98) 19%,rgba(114,114,114,0.98) 52%,rgba(114,114,114,0.98) 54%,rgba(111,111,111,0.98) 78%,rgba(109,109,109,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a0a0a0', endColorstr='#6d6d6d',GradientType=0 );

}
.com_popup_header{
    width: 100%;
    -webkit-box-pack: justify!important;
    -moz-box-pack: justify!important;
    -webkit-flex-pack: justify!important;
    display: -webkit-box!important;
    display: -moz-box!important;
    display: -webkit-flexbox!important;
    background: #DADADA;
    border-radius: 6px 6px 0px 0px;
    box-shadow: 0px 2px 2px 0px rgba(50,50,50,0.5);
}
div.com_popup_btns div.buttons.height_element{width:auto!important;padding: 7px 0px 0px 4px;}
.Q_message_Body[comm_type="voip"], .Q_message_Body[comm_type="email"], .Q_message_Body[comm_type="sms"], .Q_message_Body[comm_type="chat"], .Q_message_Body[comm_type="fax"], .Q_message_Body[comm_type="vconf"], .Q_message_Body[comm_type="voicemail"], .Q_message_Body[comm_type="social"], .Q_message_Body[comm_type="mms"] {
    box-shadow: 0px 1px 3px -1px rgba(245,245,245,0.7);
}
/*red gradient*/
.Q_message_Body[comm_type="voip"], div.comm_btn_big[comm_type="voip"], div.comm_btn_big[comm_type="phone"], div.comm_btn_big[comm_type="mobile"]{
    border:1px solid rgba(231,51,64,0.6);
}
/*blue gradient*/
.Q_message_Body[comm_type="email"], .comm_btn_big[comm_type="email"]{
    border:1px solid rgba(0,114,162,0.8);
}
/*green gradient*/
.Q_message_Body[comm_type="sms"], .comm_btn_big[comm_type="sms"]{
    border:1px solid rgba(170,219,46,0.6);
}
/*yellow gradient*/
.Q_message_Body[comm_type="chat"], .comm_btn_big[comm_type="chat"]{
    border:1px solid rgba(249,229,44,0.6);
}
/*brown gradient*/
.Q_message_Body[comm_type="fax"], .comm_btn_big[comm_type="fax"]{
    border:1px solid rgba(188,162,113,0.8);
}
/*purple gradient*/
.Q_message_Body[comm_type="vconf"], .comm_btn_big[comm_type="vconf"]{
    border:1px solid rgba(178,101,216,0.8);
}
/*orange gradient*/
.Q_message_Body[comm_type="voicemail"], .comm_btn_big[comm_type="voicemail"]{
    border:1px solid rgba(247,131,0,0.8);
}
/*bordeux gradient*/
.Q_message_Body[comm_type="social"], .comm_btn_big[comm_type="social"]{
    border:1px solid rgba(160,70,70,0.8);
}
/*dark green gradient*/
.Q_message_Body[comm_type="mms"], .comm_btn_big[comm_type="mms"]{
    border:1px solid rgba(61,102,58,0.8);
}
/*dark grey gradient*/
.Q_message_Body[comm_type="wboard"], .comm_btn_big[comm_type="wboard"]{
    border:1px solid rgba(133,133,133,0.8);
}
/*box shadow gia ola ta comm types (shadow gia to aristero icon)*/
.Q_message_Body[comm_type="email"] .comm_type, .Q_message_Body[comm_type="sms"] .comm_type, .Q_message_Body[comm_type="chat"] .comm_type, .Q_message_Body[comm_type="fax"] .comm_type, .Q_message_Body[comm_type="vconf"] .comm_type, .Q_message_Body[comm_type="voicemail"] .comm_type, .Q_message_Body[comm_type="mms"] .comm_type, .Q_message_Body[comm_type="voip"] .comm_type, .Q_message_Body[comm_type="social"] .comm_type {
    /*    box-shadow: 1px 0px 1px 0px rgba(10,10,10,0.5);*/
    min-width: 40px;
}
/*red color gradient gia comm type*/
.Q_message_Body[comm_type="voip"] .comm_type, .comm_btn_big[comm_type="voip"] .comm_btn_inner, .comm_btn_big[comm_type="phone"] .comm_btn_inner, .comm_btn_big[comm_type="mobile"] .comm_btn_inner, .com_popup_header_service[comm_type="voip"], .com_popup_header_service[comm_type="phone"], .com_popup_header_service[comm_type="mobile"]{
    background: url(../images/comhub_images/voip.png) no-repeat center center rgba(231,51,64,0.6);
}
/*blue color gradient gia comm type*/
.Q_message_Body[comm_type="email"] .comm_type, .comm_btn_big[comm_type="email"] .comm_btn_inner, .com_popup_header_service[comm_type="email"]{
    background: url(../images/comhub_images/mail.png) no-repeat center center rgba(0,114,162,0.8);
}
/*green color gradient gia comm type*/
.Q_message_Body[comm_type="sms"] .comm_type, .comm_btn_big[comm_type="sms"] .comm_btn_inner, .com_popup_header_service[comm_type="sms"]{
    background: url(../images/comhub_images/sms.png) no-repeat center center rgba(170,219,46,0.6);
}
/*yellow color gradient gia comm type*/
.Q_message_Body[comm_type="chat"] .comm_type, .comm_btn_big[comm_type="chat"] .comm_btn_inner, .com_popup_header_service[comm_type="chat"]{
    background: url(../images/comhub_images/chat.png) no-repeat center center rgba(249,229,44,0.6);
}
/*brown color gradient gia comm type*/
.Q_message_Body[comm_type="fax"] .comm_type, .comm_btn_big[comm_type="fax"] .comm_btn_inner, .com_popup_header_service[comm_type="fax"]{
    background: url(../images/comhub_images/fax.png) no-repeat center center rgba(188,162,113,0.8);
}
/*purple color gradient gia comm type*/
.Q_message_Body[comm_type="vconf"] .comm_type, .comm_btn_big[comm_type="vconf"] .comm_btn_inner, .com_popup_header_service[comm_type="vconf"]{
    background: url(../images/comhub_images/videoconference.png) no-repeat center center rgba(178,101,216,0.8);
}
/*orange color gradient gia comm type*/
.Q_message_Body[comm_type="voicemail"]  .comm_type, .comm_btn_big[comm_type="voicemail"] .comm_btn_inner, .com_popup_header_service[comm_type="voicemail"]{
    background: url(../images/comhub_images/voicemail.png) no-repeat center center rgba(247,131,0,0.8);
}
/*bordeux color gradient gia comm type*/
.Q_message_Body[comm_type="social"]  .comm_type, .comm_btn_big[comm_type="social"] .comm_btn_inner, .com_popup_header_service[comm_type="social"]{
    background: url(../images/comhub_images/social.png) no-repeat center center rgba(160,70,70,0.8);
}
/*dark green color gradient gia comm type*/
.Q_message_Body[comm_type="mms"]  .comm_type, .comm_btn_big[comm_type="mms"] .comm_btn_inner, .com_popup_header_service[comm_type="mms"]{
    background: url(../images/comhub_images/mms.png) no-repeat center center rgba(61,102,58,0.8);
}
.com_popup_header_service[comm_type="wboard"]{
    background: url(../gateway/images/whiteboard_icon_small.png) no-repeat center center rgba(127,127,127,0.8);
}
/*grey color gradient gia whiteboard*/
.comm_btn_big[comm_type="wboard"] .comm_btn_inner{
    background:  url(../gateway/images/whiteboard_icon_small.png) no-repeat center center, -moz-linear-gradient(top,  rgba(142,142,142,0.8) 0%, rgba(127,127,127,0.86) 26%, rgba(133,133,133,0.9) 43%, rgba(140,140,140,0.9) 65%, rgba(142,142,142,0.88) 71%, rgba(211,211,211,0.8) 100%);
    background: url(../gateway/images/whiteboard_icon_small.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(142,142,142,0.8)), color-stop(26%,rgba(127,127,127,0.86)), color-stop(43%,rgba(133,133,133,0.9)), color-stop(65%,rgba(140,140,140,0.9)), color-stop(71%,rgba(142,142,142,0.88)), color-stop(100%,rgba(211,211,211,0.8)));
    background: url(../gateway/images/whiteboard_icon_small.png) no-repeat center center, -webkit-linear-gradient(top,  rgba(142,142,142,0.8) 0%,rgba(127,127,127,0.86) 26%,rgba(133,133,133,0.9) 43%,rgba(140,140,140,0.9) 65%,rgba(142,142,142,0.88) 71%,rgba(211,211,211,0.8) 100%);
    background: url(../gateway/images/whiteboard_icon.png) no-repeat center center, -o-linear-gradient(top,  rgba(142,142,142,0.8) 0%,rgba(127,127,127,0.86) 26%,rgba(133,133,133,0.9) 43%,rgba(140,140,140,0.9) 65%,rgba(142,142,142,0.88) 71%,rgba(211,211,211,0.8) 100%);
    background: url(../gateway/images/whiteboard_icon_small.png) no-repeat center center, -ms-linear-gradient(top,  rgba(142,142,142,0.8) 0%,rgba(127,127,127,0.86) 26%,rgba(133,133,133,0.9) 43%,rgba(140,140,140,0.9) 65%,rgba(142,142,142,0.88) 71%,rgba(211,211,211,0.8) 100%);
    background: url(../gateway/images/whiteboard_icon_small.png) no-repeat center center, linear-gradient(to bottom,  rgba(142,142,142,0.8) 0%,rgba(127,127,127,0.86) 26%,rgba(133,133,133,0.9) 43%,rgba(140,140,140,0.9) 65%,rgba(142,142,142,0.88) 71%,rgba(211,211,211,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc8e8e8e', endColorstr='#ccd3d3d3',GradientType=0 );
}
.Q_message_Body .noback{
    background: none!important;
}
.comm_word[rel="comm_type"] {
    background: none;
}
.comm_btn_big{
    width:366px!important;
    height:40px!important;
    border-radius: 5px!important;
    position: absolute;
    top: 10px;
    left: 100px;
    z-index: 1000;
    margin-bottom: 10px;
    font-size:14px;
    color:#000000;
    background: #FFFFFF;
}
.comm_btn_big:hover{
    opacity: 0.92;
}
.comm_btn_inner{
    width:70px!important;
    height:40px!important;
    border-radius: 4px 0px 0px 4px!important;
    z-index: 1000;
}
.comm_btn_inner:hover{
    z-index: 1000;
}
div.gateway_mini div.incoming, .mini_from.height_element.incoming{
    background: rgba(42,42,42,0.75);
    /*    height: auto;*/
    width:100%;
    box-shadow: 0px 3px 3px -1px rgba(10,10,10,0.6);
}
div.com_popup_parts div.add_user{
    width:40px;
    height:40px;
    background : url(../gateway/images/user_add.png) no-repeat scroll 3px 5px rgba(67,86,92, 0.2);
    border-radius: 0px 0px 140px 0px;
    background-size: 22px;
    float:left;
    cursor: pointer;
}
.comm_add_channel {
    float: right;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    background: url(../images/new_add.png) no-repeat scroll center center;
    display: inline-block;
    background-size: 18px;
    width: auto!important;
    margin: -18px 10px 0px 10px;
    padding: 10px;
    cursor: pointer;
    background-size: 16px;
}
div.incoming div.mini_from.height_element{
    display: table-cell;
    font-size:12px;
}
div.incoming div.mini_content , div.incoming div.mini_subject{
    padding:10px;
}
div.incoming div.mini_from.height_element span{
    font-size: 12px;
    font-weight: normal;
    /*    margin: 0px 6px 0px 4px;*/
    /*    background: url(../images/participant_online.png) no-repeat left center;*/
    /*    padding-left:14px;*/
    position: relative;
    top: -30px;
    left: 30px;
    float:left;
}
div.incoming div.mini_from.height_element span.offline{
    background: url(../images/participant_offline.png) no-repeat left center;
}
div.com_popup_parts span a.online_indicator{
    background: green;
    padding: 1px 5px 0px 5px;
    font-size: 8px;
    margin-right: 5px;
}
div.com_popup_parts a.offline_indicator{
    background: red!important;
}
div.com_popup_parts a.standline_indicator{
    background: orange!important;
}
div.commhub_bar_header{
    display: table-caption;
    font-size:14px;
    font-weight: normal;
    margin-left: 4px;
    padding: 4px 0px 0px 4px;
}
div.gateway_mini div.com_popup_btns{
    /*    padding: 6px 10px 4px 10px;*/
    width: auto!important;
}
.com_popup_subject, .com_popup_parts{
    width: 100%;
    /*    background: rgba(42,42,42,0.75);*/
    background: rgba(170,170,170,0.8)
}
.gateway_mini{
    background: rgba(42,42,42,0.75);
}
.com_popup_parts span{font-size:12px;padding-left:8px;}
.com_popup_subject{padding:0px 10px;width:auto;}
.task_data{padding:0px 10px;}
div.task_data table tr td:nth-child(2n){
    padding-right:6px;
}
div.mini_content.heit_element div.grey_border_box{
    background: rgba(42,42,42,0.75);
    width: auto;
}
div.mini_content.heit_element div.grey_border_box.me{
    background: rgba(155,155,155,0.4);
    width: auto;
}
div.mini_content.heit_element div.grey_border_box div.grey_border_box_header, div.Active[rel_id="app_41"] div.grey_border_box_header {
    color: #FFFFFF;
    font-size:14px;
}
.main_screen.off{
    display:none;
    transition: all ease-in-out 0.2s;
}
span.time_sent {
    float:right;
    margin-top: -40px;
}
div.mini_content div.grey_border_box{
    border-top: 18px solid rgba(178,225,255,0.2) !important;
    padding: 5px !important;
    border-radius: 1px !important;
    margin-left: 2px !important;
    margin-bottom:0px !important;
}
div.mini_content div.grey_border_box > span.novis{
    opacity:0;
    transition: all ease-in-out 0.2s;
    cursor:pointer;
}
div.mini_content div.grey_border_box:hover > span.novis{
    opacity:1;
    transition: all ease-in-out 0.4s;
}
.local_right_container{
    /*    display: inline-block;
        width: auto!important;
        float: right;*/
    width: auto!important;
    min-width: 270px;
    /*    position: relative;
        top: 0;
        right: 10px;*/
    float:right;
}
.comm_charges{
    width: auto!important;
    border-radius: 4px;
    border: 1px solid #FFFFFF;
    height: 22px;
    margin: 4px 30px 0px 30px;
    background: #AFAFAF;
}
.comm_charges span{
    float: right;
    font-size: 16px;
    padding: 0px 4px;
    height: 22px;
}
.com_popup_header_service{
    background: #FFF;
    width: auto!important;
    /*    background: url(../images/comhub_images/voicemail.png) no-repeat 3px center rgba(247,131,0,0.8);*/
    background-size: 16px!important;
    background-position: 3px center!important;
    border-radius: 0px 6px 0px 0px;
    padding: 6px 5px 4px 24px;
    color: #FFFFFF;
}
div.mini_content textarea{
    width: 94% !important;
    margin-left:10px;}
.record_btn, .video_btn, .audio_btn, .screen_sharing_btn{
    font_size: 16px;
    color:#FFFFFF;
}
.local_right_container div.btn{
    width: auto!important;
    height: 26px;
    font-size: 14px;
    font-weight: 300;
    font-family : 'Open Sans Condensed', sans-serif;
    text-align: right;
    padding:4px 40px 0 0;
    margin-right: 10px;
    cursor:pointer;
}
div.btn[rel=record][type=start] , div.btn[rel=record][type=stop]:hover{
    background: url(../images/comhub_images/stop_record.png) no-repeat right center;
}
div.btn[rel=record][type=stop] , div.btn[rel=record][type=start]:hover{
    background: url(../images/comhub_images/start_record.png) no-repeat right center;
}
div.btn[rel=video][type=stop] , div.btn[rel=video][type=start]:hover{
    background: url(../images/comhub_images/start_video.png) no-repeat right center;
}
div.btn[rel=video][type=start] , div.btn[rel=video][type=stop]:hover{
    background: url(../images/comhub_images/stop_video.png) no-repeat right center;
}
div.btn[rel=audio][type=stop] , div.btn[rel=audio][type=start]:hover{
    background: url(../images/comhub_images/start_audio.png) no-repeat right center;
}
div.btn[rel=audio][type=start] , div.btn[rel=audio][type=stop]:hover{
    background: url(../images/comhub_images/stop_audio.png) no-repeat right center;
}
div.btn[rel=screen][type=stop] , div.btn[rel=screen][type=start]:hover{
    background: url(../images/comhub_images/start_screen.png) no-repeat right center;
}
div.btn[rel=screen][type=start] , div.btn[rel=screen][type=stop]:hover{
    background: url(../images/comhub_images/stop_screen.png) no-repeat right center;
}
div.btn[rel=wboard][type=stop] , div.btn[rel=wboard][type=start]:hover{
    background: url(../images/comhub_images/start_whiteboard.png) no-repeat right center;
}
div.btn[rel=wboard][type=start] , div.btn[rel=wboard][type=stop]:hover{
    background: url(../images/comhub_images/stop_whiteboard.png) no-repeat right center;
}
.remoteMedia{
    display: inline-block;
    width: auto!important;
    float:left;
    position: relative;
}
.video_full_screen{
    width: 28px;
    height: 28px;
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 0px 0px 0px 30px;
    background: url(../images/full_sceeen_icon.png) no-repeat 8px 3px rgba(63, 63, 63, 1.5);
}
/****************** Notifications**********************/
div.notification{
    text-align:center;
    position:absolute;
    z-index:12;
    color:#FFF;
    display:table-caption;
}
div.notification_box{
    font-family: 'Open Sans Condensed', sans-serif;
    text-align:left;
    /*    border-right: 1px solid rgba(255,255,255, 0.6);
        box-shadow: 2px 0px 1px -1px rgba(100,100,100,0.45);*/
    position:absolute;
    z-index:12;
    color:#FFF;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    border-radius:5px 0px 0px 5px;
    -moz-border-radius:5px 0px 0px 5px;
    -webkit-border-radius:5px 0px 0px 5px;
    display:table-caption;
    margin-right: -2px;
    border: 1px solid rgba(192,192,192,0.8);
    background: -moz-linear-gradient(top,  rgba(240,240,240,0.95) 7%,  rgba(192, 192, 192, 1)100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,rgba(240,240,240,0.95)), color-stop(100%,rgba(192,192,192,1)));
    background: -webkit-linear-gradient(top,  rgba(240,240,240,0.95) 7%,rgba(192,192,192,1) 100%);
    background: -o-linear-gradient(top,  rgba(240,240,240,0.95) 7%,rgba(192,192,192,1) 100%);
    background: -ms-linear-gradient(top,  rgba(240,240,240,0.95) 7%,rgba(192,192,192,1) 100%);
    background: linear-gradient(to bottom,  rgba(240,240,240,0.95) 7%,rgba(192,192,192,1) 100%);
}
div.notification_box[comm_type="voip"] .comm_icon {
    background: url(../images/comhub_images/voip.png) no-repeat center center;
    width: 50px;
    height: 50px;
    /*    border-right: 1px solid rgba(255,255,255, 0.6);
        box-shadow: 2px 0px 1px -1px rgba(100,100,100,0.45);*/
}
div.notification_box[comm_type="email"] .comm_icon {
    background: url(../images/comhub_images/mail.png) no-repeat center center;
}
div.notification_box[comm_type="voicemail"] .comm_icon {
    background: url(../images/comhub_images/voicemail.png) no-repeat center center;
}
div.notification_box[comm_type="sms"] .comm_icon {
    background: url(../images/comhub_images/sms.png) no-repeat center center;
}
div.notification_box[comm_type="mms"] .comm_icon {
    background: url(../images/comhub_images/mms.png) no-repeat center center;
}
div.notification_box[comm_type="chat"] .comm_icon {
    background: url(../images/comhub_images/chat.png) no-repeat center center;
}
div.notification_box[comm_type="message"] .comm_icon {
    background: url(../images/comhub_images/mail_icon_s.png) no-repeat center center;
}
div.notification_box[comm_type="fax"] .comm_icon {
    background: url(../images/comhub_images/fax.png) no-repeat center center;
}
div.notification_box[comm_type="videoconference.png"] .comm_icon {
    background: url(../images/comhub_images/videoconference.png) no-repeat center center;
}
div.notification_box .comm_data .Q_message_l{
    color: #262626;
    padding: 3px 0px;
    float: left;
    width: 94%;
    font-size:  18px;
    /*    border-bottom: 1px solid rgba(250,250,250,0.7);
        box-shadow: 0px 1px 1px 0px rgba(100,100,100,0.6);*/
}
div.notification_box .comm_data .Q_message_bl{
    font-size: 12px;
    color: #262626;
}
div.notification_box  .comm_action div.Q_message_r{
    color: #262626;
    /*    border-bottom: 1px solid rgba(0,0,0,0.2);
        box-shadow: 0px 2px 1px -1px rgba(200,200,200,0.9);*/
}
.notification_accept, .notification_reject{
    display:table-cell;
    width: 64px;
    height:50px;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
}
.notification_reject{
    /*    background: url(../images/comhub_images/notification_reject.png) no-repeat center 10px;*/
    padding-right: 10px;
}
.notification_accept{
    /*    background: url(../images/comhub_images/notification_accept.png) no-repeat center 10px;*/
    padding-left: 10px;
}
.notification_reject > div, .notification_accept > div{
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(50,50,50,0.9);
    width: 64px;
}
.notification_reject > div{
    border-bottom:2px solid red;
}
.notification_accept > div{
    border-bottom:2px solid green;
}
.thin_line{
    background : url("../images/line_v.png") no-repeat scroll center center;
    width: 2px;
    height:50px;
    display: table-cell;
    padding: 0px 12px;
}
.notification_x{
    display:table-cell;
    background: url(../images/comhub_images/notification_x.png) no-repeat 6px 3px;
    width: 34px;
    height: 51px;
    cursor: pointer;
}
.comm_action {
    display: table-cell;
    /*    border-left: 1px solid rgba(0,0,0,0.2);
        box-shadow: -2px 0px -3px 2px rgba(200,200,200,0.9);*/
}
.comm_sorting{
    width: 20px;
    height: 20px;
    border-radius: 0px 0px 0px 20px;
    background: -moz-linear-gradient(top,  rgba(142,142,142,0.5) 0%, rgba(127,127,127,0.5) 50%, rgba(94,94,94,0.5) 99%, rgba(94,94,94,0.5) 100%), url(../images/comhub_images/sorting_arrow.png) no-repeat 5px 2px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(142,142,142,0.5)), color-stop(50%,rgba(127,127,127,0.5)), color-stop(99%,rgba(94,94,94,0.5)), color-stop(100%,rgba(94,94,94,0.5))), url(../images/comhub_images/sorting_arrow.png) no-repeat 5px 2px;
    background: -webkit-linear-gradient(top,  rgba(142,142,142,0.5) 0%,rgba(127,127,127,0.5) 50%,rgba(94,94,94,0.5) 99%,rgba(94,94,94,0.5) 100%), url(../images/comhub_images/sorting_arrow.png) no-repeat 5px 2px;
    background: -o-linear-gradient(top,  rgba(142,142,142,0.5) 0%,rgba(127,127,127,0.5) 50%,rgba(94,94,94,0.5) 99%,rgba(94,94,94,0.5) 100%), url(../images/comhub_images/sorting_arrow.png) no-repeat 5px 2px;
    background:  -ms-linear-gradient(top,  rgba(142,142,142,0.5) 0%,rgba(127,127,127,0.5) 50%,rgba(94,94,94,0.5) 99%,rgba(94,94,94,0.5) 100%), url(../images/comhub_images/sorting_arrow.png) no-repeat 5px 2px;
    background: linear-gradient(to bottom,  rgba(142,142,142,0.5) 0%,rgba(127,127,127,0.5) 50%,rgba(94,94,94,0.5) 99%,rgba(94,94,94,0.5) 100%), url(../images/comhub_images/sorting_arrow.png) no-repeat 5px 2px;
    float: right;
    box-shadow: 1px 0px 4px -2px rgba(236,236,236,0.5) inset;
    position: relative;
    top: -50px;
    left: 0;
    float: right;
}
.comm_sorting_none{
    width: 20px;
    height: 20px;
    float: right;
    margin-top:1px;
    position: relative;
    top: -50px;
    left: 0;
    float: right;
    background: none!important;
    border:none!important;
    box-shadow: none !important;
}
.comm_num{
    float:left;
    position: relative;
    top: 8px;
    left: 2px;
}
.parenthesis:before{
    content: '(';
}
.parenthesis:after{
    content: ')';
}
.comm_search{

}
div.comm_search .comm_inp{
    padding-left: 26px;
    width: 150px;
    border-radius: 14px;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    /*background: url(../images/comhub_images/keypad_search.png) no-repeat 158px 4px #FFFFFF;*/
    box-shadow: 1px 1px 3px 0px rgba(100,100,100,0.6) inset;
}
div.voip_data{
    float: left;
    margin-left: 14px;
    margin-top: 6px;
}
div.comm_search .incoming, div.comm_search  .ready,div.comm_search  .speaking,div.comm_search  .disconnect{
    width: 20px;
    height: 20px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border: 1px solid rgba(100,100,100,0.8);
    position: relative;
    top:5px;
    left:29px;
    cursor:pointer;
    float:left;
}
/*ready green
active red
loading blue
no sockets orange*/

/*green      ready*/
div.comm_search .ready{
    background: -moz-linear-gradient(top,  rgba(82,177,82,1) 0%, rgba(0,138,0,1) 51%, rgba(0,87,0,1) 96%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(82,177,82,1)), color-stop(51%,rgba(0,138,0,1)), color-stop(96%,rgba(0,87,0,1)));
    background: -webkit-linear-gradient(top,  rgba(82,177,82,1) 0%,rgba(0,138,0,1) 51%,rgba(0,87,0,1) 96%);
    background: -o-linear-gradient(top,  rgba(82,177,82,1) 0%,rgba(0,138,0,1) 51%,rgba(0,87,0,1) 96%);
    background: -ms-linear-gradient(top,  rgba(82,177,82,1) 0%,rgba(0,138,0,1) 51%,rgba(0,87,0,1) 96%);
    background: linear-gradient(to bottom,  rgba(82,177,82,1) 0%,rgba(0,138,0,1) 51%,rgba(0,87,0,1) 96%);
}
/*blue       loading */
div.comm_search .speaking {
    background: -moz-linear-gradient(top,  rgba(138,187,215,1) 12%, rgba(6,109,171,1) 82%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,rgba(138,187,215,1)), color-stop(82%,rgba(6,109,171,1)));
    background: -webkit-linear-gradient(top,  rgba(138,187,215,1) 12%,rgba(6,109,171,1) 82%);
    background: -o-linear-gradient(top,  rgba(138,187,215,1) 12%,rgba(6,109,171,1) 82%);
    background: -ms-linear-gradient(top,  rgba(138,187,215,1) 12%,rgba(6,109,171,1) 82%);
    background: linear-gradient(to bottom,  rgba(138,187,215,1) 12%,rgba(6,109,171,1) 82%);
}
/*orange    no sockets*/
div.comm_search .incoming{
    background: -moz-linear-gradient(top,  rgba(255,206,178,1) 0%, rgba(255,103,15,1) 74%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,206,178,1)), color-stop(74%,rgba(255,103,15,1)));
    background: -webkit-linear-gradient(top,  rgba(255,206,178,1) 0%,rgba(255,103,15,1) 74%);
    background: -o-linear-gradient(top,  rgba(255,206,178,1) 0%,rgba(255,103,15,1) 74%);
    background: -ms-linear-gradient(top,  rgba(255,206,178,1) 0%,rgba(255,103,15,1) 74%);
    background: linear-gradient(to bottom,  rgba(255,206,178,1) 0%,rgba(255,103,15,1) 74%);
}
/*red      active*/
div.comm_search .disconnect{
    background: -moz-linear-gradient(top,  rgba(255,138,127,1) 0%, rgba(207,4,4,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,138,127,1)), color-stop(100%,rgba(207,4,4,1)));
    background: -webkit-linear-gradient(top,  rgba(255,138,127,1) 0%,rgba(207,4,4,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,138,127,1) 0%,rgba(207,4,4,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,138,127,1) 0%,rgba(207,4,4,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,138,127,1) 0%,rgba(207,4,4,1) 100%);
}
div#gateway div.comm_alerts{
    text-align: left;
    padding-left:14px;
}
.comm_data .Q_message_l, .comm_data .Q_message_r{
    text-align: left;
    padding-left:8px;
}
.comm_data .Q_message_l{
    padding-top: 4px;
}
div.gateway_mini div[rel="minimize"]{
    background: url('../gateway/images/ci_orange.png') no-repeat center center, rgba(255,120,0,0.4);
}
div.gateway_mini div[rel="drag"]{
    background: url('../gateway/images/ci_grey.png') no-repeat center center, rgba(145,145,145,0.4);
}
div.gateway_mini div[rel="resize"]{
    background: url('../gateway/images/ci_yellow.png') no-repeat center center, rgba(255,228,0,0.4);
}
.attachment_elements{
    float:left;
}
div.gateway_mini  div.gateway_button[rel="attachment"]{
    float:left;
    width: auto;
    background: url(../images/comhub_images/attachment_icon.png) no-repeat left center;
    padding-left: 18px;
}
div.gateway_button[channel="voicemail"]{
    background: url(../images/comhub_images/voicemail.png) no-repeat center center;
    background-size: 20px 20px;
}
div.gateway_button[channel="email"]{
    background: url(../images/comhub_images/mail.png) no-repeat center center;
    background-size: 20px 14px;
}
div.gateway_button[channel="sms"]{
    background: url(../images/comhub_images/sms.png) no-repeat center center;
    background-size: 20px 20px;
}
div.gateway_button[channel="vconf"]{
    background: url(../images/comhub_images/videoconference.png) no-repeat center center;
    background-size: 20px 14px;
}
div.gateway_button[channel="chat"]{
    background: url(../images/comhub_images/chat.png) no-repeat center center;
    background-size: 20px 18px;
}
div.gateway_button[channel="fax"]{
    background: url(../images/comhub_images/fax.png) no-repeat center center;
    background-size: 19px 18px;
}
div.gateway_button[channel="fb_chat"]{
    background: url(../gateway/images/fb_chat.png) no-repeat center center;
    background-size: 19px 18px;
}
div.outgoing input[name="m_subject"]{
    margin: 4px 0px;
    margin: 4px 0px;
    border: 1px solid rgba(100,100,100,0.5);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
div[rel="show_out"]{
    background:url('../images/comhub_images/expand.png') no-repeat center center;
    background-size: 20px 20px;
}
div.show_all{
    font-size: 12px;
    width: 84px;
    text-align: left;
    position: fixed;
    z-index : 20;
}
.mini_content textarea{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
div.back_rel{
    background:url('../gateway/images/com_back_arrow.png') no-repeat 22px 1px !important;
    font-size:14px;
    margin-bottom: 10px;
    width: 366px;
}
.printable_data div[rel="show_out"]{
    width: 26px;
    height:26px;
    background:url('../gateway/images/com_back_arrow.png') no-repeat center center rgba(0,94,168,0.4)!important;
    cursor : pointer;
    border-radius: 26px;
}
.printable_data div.gateway_button:hover{
    background:url('../gateway/images/com_back_arrow.png') no-repeat center center rgba(0,94,168,0.6)!important;
}
/*#phone{
    background: rgb(82,177,82);
    background: -moz-linear-gradient(top,  rgba(82,177,82,1) 0%, rgba(0,138,0,1) 51%, rgba(0,87,0,1) 96%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(82,177,82,1)), color-stop(51%,rgba(0,138,0,1)), color-stop(96%,rgba(0,87,0,1)));
    background: -webkit-linear-gradient(top,  rgba(82,177,82,1) 0%,rgba(0,138,0,1) 51%,rgba(0,87,0,1) 96%);
    background: -o-linear-gradient(top,  rgba(82,177,82,1) 0%,rgba(0,138,0,1) 51%,rgba(0,87,0,1) 96%);
    background: -ms-linear-gradient(top,  rgba(82,177,82,1) 0%,rgba(0,138,0,1) 51%,rgba(0,87,0,1) 96%);
    background: linear-gradient(to bottom,  rgba(82,177,82,1) 0%,rgba(0,138,0,1) 51%,rgba(0,87,0,1) 96%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52b152', endColorstr='#005700',GradientType=0 );

}*/


/*********  for the second notification box ***********/
/*                      !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*********  for the second notification box ***********/
/*div.notification_box{
    font-family: 'Open Sans Condensed', sans-serif;
    text-align:center;
    position:absolute;
    z-index:12;
    color:#FFF;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    border-radius:5px;
    display:table-caption;
    border: 1px solid rgba(59,139,174,0.8);
    background: -moz-linear-gradient(top,  rgba(59,139,174,0.97) 0%, rgba(52,110,137,0.98) 26%, rgba(46,82,102,0.98) 51%, rgba(49,102,131,0.98) 75%, rgba(52,123,161,0.99) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,139,174,0.97)), color-stop(26%,rgba(52,110,137,0.98)), color-stop(51%,rgba(46,82,102,0.98)), color-stop(75%,rgba(49,102,131,0.98)), color-stop(100%,rgba(52,123,161,0.99)));
    background: -webkit-linear-gradient(top,  rgba(59,139,174,0.97) 0%,rgba(52,110,137,0.98) 26%,rgba(46,82,102,0.98) 51%,rgba(49,102,131,0.98) 75%,rgba(52,123,161,0.99) 100%);
    background: -o-linear-gradient(top,  rgba(59,139,174,0.97) 0%,rgba(52,110,137,0.98) 26%,rgba(46,82,102,0.98) 51%,rgba(49,102,131,0.98) 75%,rgba(52,123,161,0.99) 100%);
    background: -ms-linear-gradient(top,  rgba(59,139,174,0.97) 0%,rgba(52,110,137,0.98) 26%,rgba(46,82,102,0.98) 51%,rgba(49,102,131,0.98) 75%,rgba(52,123,161,0.99) 100%);
    background: linear-gradient(to bottom,  rgba(59,139,174,0.97) 0%,rgba(52,110,137,0.98) 26%,rgba(46,82,102,0.98) 51%,rgba(49,102,131,0.98) 75%,rgba(52,123,161,0.99) 100%);
}*/
/******************end of  Notifications**********************/

/****************** end of commhub style **********************/
/****************** Notifications**********************/
div.notification{
    text-align : center;
    position   : absolute;
    z-index    : 12;
    color      : #FFFFFF;
    display    : table-caption;
}

div.notification_box{
    font-family             : 'Open Sans Condensed', sans-serif;
    text-align              : left;
    /*    border-right: 1px solid rgba(255,255,255, 0.6);
        box-shadow: 2px 0px 1px -1px rgba(100,100,100,0.45);*/
    position                : absolute;
    z-index                 : 12;
    color                   : #FFFFFF;
    -moz-transform-style    : preserve-3d;
    -webkit-transform-style : preserve-3d;
    transform-style         : preserve-3d;
    border-radius           : 5px 0px 0px 5px;
    -moz-border-radius      : 5px 0px 0px 5px;
    -webkit-border-radius   : 5px 0px 0px 5px;
    display                 : table-caption;
    margin-right            : -2px;
    border                  : 1px solid rgba(192, 192, 192, 0.8);
    background              : -moz-linear-gradient(top, rgba(240, 240, 240, 0.95) 7%, rgba(209, 209, 209, 0.97) 45%, rgba(168, 168, 168, 1) 100%);
    background              : -webkit-gradient(linear, left top, left bottom, color-stop(7%, rgba(240, 240, 240, 0.95)), color-stop(45%, rgba(209, 209, 209, 0.97)), color-stop(100%, rgba(168, 168, 168, 1)));
    background              : -webkit-linear-gradient(top, rgba(240, 240, 240, 0.95) 7%, rgba(209, 209, 209, 0.97) 45%, rgba(168, 168, 168, 1) 100%);
    background              : -o-linear-gradient(top, rgba(240, 240, 240, 0.95) 7%, rgba(209, 209, 209, 0.97) 45%, rgba(168, 168, 168, 1) 100%);
    background              : -ms-linear-gradient(top, rgba(240, 240, 240, 0.95) 7%, rgba(209, 209, 209, 0.97) 45%, rgba(168, 168, 168, 1) 100%);
    background              : linear-gradient(to bottom, rgba(240, 240, 240, 0.95) 7%, rgba(209, 209, 209, 0.97) 45%, rgba(168, 168, 168, 1) 100%);
}

div.notification_box[comm_type="voip"] .comm_icon{
    background : url(../images/comhub_images/voip.png) no-repeat center center;
    width      : 50px;
    height     : 50px;
    /*    border-right: 1px solid rgba(255,255,255, 0.6);
        box-shadow: 2px 0px 1px -1px rgba(100,100,100,0.45);*/
}

div.notification_box[comm_type="email"] .comm_icon{
    background : url(../images/comhub_images/mail.png) no-repeat center center;
}

div.notification_box[comm_type="voicemail"] .comm_icon{
    background : url(../images/comhub_images/voicemail.png) no-repeat center center;
}

div.notification_box[comm_type="sms"] .comm_icon{
    background : url(../images/comhub_images/sms.png) no-repeat center center;
}

div.notification_box[comm_type="mms"] .comm_icon{
    background : url(../images/comhub_images/mms.png) no-repeat center center;
}

div.notification_box[comm_type="chat"] .comm_icon{
    background : url(../images/comhub_images/chat.png) no-repeat center center;
}

div.notification_box[comm_type="message"] .comm_icon{
    background : url(../images/comhub_images/mail_icon_s.png) no-repeat center center;
}

div.notification_box[comm_type="fax"] .comm_icon{
    background : url(../images/comhub_images/fax.png) no-repeat center center;
}

div.notification_box[comm_type="videoconference.png"] .comm_icon{
    background : url(../images/comhub_images/videoconference.png) no-repeat center center;
}

div.notification_box .comm_data .Q_message_l{
    color     : #262626;
    padding   : 3px 0px;
    float     : left;
    width     : 94%;
    font-size : 18px;
    /*    border-bottom: 1px solid rgba(250,250,250,0.7);
        box-shadow: 0px 1px 1px 0px rgba(100,100,100,0.6);*/
}

div.notification_box .comm_data .Q_message_bl{
    font-size : 12px;
    color     : #262626;
}

div.notification_box  .comm_action div.Q_message_r{
    color : #262626;
    /*    border-bottom: 1px solid rgba(0,0,0,0.2);
        box-shadow: 0px 2px 1px -1px rgba(200,200,200,0.9);*/
}
.comm_action{
    display : table-cell;
    /*    border-left: 1px solid rgba(0,0,0,0.2);
        box-shadow: -2px 0px -3px 2px rgba(200,200,200,0.9);*/
}

.comm_sorting{
    width         : 20px;
    height        : 20px;
    border-radius : 0px 0px 0px 20px;
    background    : -moz-linear-gradient(top, rgba(142, 142, 142, 0.5) 0%, rgba(127, 127, 127, 0.5) 50%, rgba(94, 94, 94, 0.5) 99%, rgba(94, 94, 94, 0.5) 100%), url(../images/comhub_images/sorting_arrow.png) no-repeat 5px 2px;
    background    : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(142, 142, 142, 0.5)), color-stop(50%, rgba(127, 127, 127, 0.5)), color-stop(99%, rgba(94, 94, 94, 0.5)), color-stop(100%, rgba(94, 94, 94, 0.5))), url(../images/comhub_images/sorting_arrow.png) no-repeat 5px 2px;
    background    : -webkit-linear-gradient(top, rgba(142, 142, 142, 0.5) 0%, rgba(127, 127, 127, 0.5) 50%, rgba(94, 94, 94, 0.5) 99%, rgba(94, 94, 94, 0.5) 100%), url(../images/comhub_images/sorting_arrow.png) no-repeat 5px 2px;
    background    : -o-linear-gradient(top, rgba(142, 142, 142, 0.5) 0%, rgba(127, 127, 127, 0.5) 50%, rgba(94, 94, 94, 0.5) 99%, rgba(94, 94, 94, 0.5) 100%), url(../images/comhub_images/sorting_arrow.png) no-repeat 5px 2px;
    background    : -ms-linear-gradient(top, rgba(142, 142, 142, 0.5) 0%, rgba(127, 127, 127, 0.5) 50%, rgba(94, 94, 94, 0.5) 99%, rgba(94, 94, 94, 0.5) 100%), url(../images/comhub_images/sorting_arrow.png) no-repeat 5px 2px;
    background    : linear-gradient(to bottom, rgba(142, 142, 142, 0.5) 0%, rgba(127, 127, 127, 0.5) 50%, rgba(94, 94, 94, 0.5) 99%, rgba(94, 94, 94, 0.5) 100%), url(../images/comhub_images/sorting_arrow.png) no-repeat 5px 2px;
    float         : right;
    box-shadow    : 1px 0px 4px -2px rgba(236, 236, 236, 0.5) inset;
    /*    margin-top:1px;*/
    position      : relative;
    /*    top: -50px;*/
    top           : -13px;
    left          : 0;
    float         : right;
}
.comm_sorting_none{
    width      : 20px;
    height     : 20px;
    float      : right;
    margin-top : 1px;
    position   : relative;
    /*    top: -50px;*/
    top        : -13px;
    left       : 0;
    float      : right;
    background : none !important;
    border     : none !important;
    box-shadow : none !important;
}
.comm_num{
    float    : left;
    position : relative;
    top      : 2px;
    left     : 2px;
}
div.comm_type div.comm_data{
    text-align   : left;
    padding-left : 8px;
}
.comm_search{
    height : 40px;
}
div.comm_search .comm_inp{
    padding-left          : 26px;
    width                 : 150px;
    border-radius         : 14px;
    -moz-border-radius    : 14px;
    -webkit-border-radius : 14px;
    box-shadow            : 1px 1px 3px 0px rgba(100, 100, 100, 0.6) inset;
}
div.voip_data{
    float       : left;
    margin-left : 14px;
    margin-top  : 6px;
}
div.comm_search .incoming, div.comm_search  .ready, div.comm_search  .speaking, div.comm_search  .disconnect{
    width                 : 20px;
    height                : 20px;
    border-radius         : 20px;
    -moz-border-radius    : 20px;
    -webkit-border-radius : 20px;
    border                : 1px solid rgba(100, 100, 100, 0.8);
    position              : relative;
    top                   : 5px;
    left                  : 29px;
    cursor                : pointer;
    float                 : left;
}

/*green      ready*/
div.comm_search .ready{
    background : -moz-linear-gradient(top, rgba(82, 177, 82, 1) 0%, rgba(0, 138, 0, 1) 51%, rgba(0, 87, 0, 1) 96%);
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(82, 177, 82, 1)), color-stop(51%, rgba(0, 138, 0, 1)), color-stop(96%, rgba(0, 87, 0, 1)));
    background : -webkit-linear-gradient(top, rgba(82, 177, 82, 1) 0%, rgba(0, 138, 0, 1) 51%, rgba(0, 87, 0, 1) 96%);
    background : -o-linear-gradient(top, rgba(82, 177, 82, 1) 0%, rgba(0, 138, 0, 1) 51%, rgba(0, 87, 0, 1) 96%);
    background : -ms-linear-gradient(top, rgba(82, 177, 82, 1) 0%, rgba(0, 138, 0, 1) 51%, rgba(0, 87, 0, 1) 96%);
    background : linear-gradient(to bottom, rgba(82, 177, 82, 1) 0%, rgba(0, 138, 0, 1) 51%, rgba(0, 87, 0, 1) 96%);
}

/*blue       loading */
div.comm_search .speaking{
    background : -moz-linear-gradient(top, rgba(138, 187, 215, 1) 12%, rgba(6, 109, 171, 1) 82%);
    background : -webkit-gradient(linear, left top, left bottom, color-stop(12%, rgba(138, 187, 215, 1)), color-stop(82%, rgba(6, 109, 171, 1)));
    background : -webkit-linear-gradient(top, rgba(138, 187, 215, 1) 12%, rgba(6, 109, 171, 1) 82%);
    background : -o-linear-gradient(top, rgba(138, 187, 215, 1) 12%, rgba(6, 109, 171, 1) 82%);
    background : -ms-linear-gradient(top, rgba(138, 187, 215, 1) 12%, rgba(6, 109, 171, 1) 82%);
    background : linear-gradient(to bottom, rgba(138, 187, 215, 1) 12%, rgba(6, 109, 171, 1) 82%);
}

/*orange    no sockets*/
div.comm_search .incoming{
    background : -moz-linear-gradient(top, rgba(255, 206, 178, 1) 0%, rgba(255, 103, 15, 1) 74%);
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 206, 178, 1)), color-stop(74%, rgba(255, 103, 15, 1)));
    background : -webkit-linear-gradient(top, rgba(255, 206, 178, 1) 0%, rgba(255, 103, 15, 1) 74%);
    background : -o-linear-gradient(top, rgba(255, 206, 178, 1) 0%, rgba(255, 103, 15, 1) 74%);
    background : -ms-linear-gradient(top, rgba(255, 206, 178, 1) 0%, rgba(255, 103, 15, 1) 74%);
    background : linear-gradient(to bottom, rgba(255, 206, 178, 1) 0%, rgba(255, 103, 15, 1) 74%);
}

/*red      active*/
div.comm_search .disconnect{
    background : -moz-linear-gradient(top, rgba(255, 138, 127, 1) 0%, rgba(207, 4, 4, 1) 100%);
    background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 138, 127, 1)), color-stop(100%, rgba(207, 4, 4, 1)));
    background : -webkit-linear-gradient(top, rgba(255, 138, 127, 1) 0%, rgba(207, 4, 4, 1) 100%);
    background : -o-linear-gradient(top, rgba(255, 138, 127, 1) 0%, rgba(207, 4, 4, 1) 100%);
    background : -ms-linear-gradient(top, rgba(255, 138, 127, 1) 0%, rgba(207, 4, 4, 1) 100%);
    background : linear-gradient(to bottom, rgba(255, 138, 127, 1) 0%, rgba(207, 4, 4, 1) 100%);
}

div#gateway div.comm_alerts{
    text-align   : left;
    padding-left : 14px;
}
.comm_data .Q_message_l, .comm_data .Q_message_r{
    text-align   : left;
    padding-left : 8px;
}
.comm_data .Q_message_l {
    padding-top: 4px;
    width: 210px;
    font-size: 14px;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.C_messages div.Q_message_Body div.comm_data{
    height : 50px;
    width  : 195px;
}
div.gateway_mini div[rel="close"], div.gateway_mini div[rel="minimize"], div.gateway_mini div[rel="drag"], div.gateway_mini div[rel="resize"]{
    width         : 18px;
    height        : 18px;
    border-radius : 20px;
    /*    border        : 2px solid #FFFFFF;*/
    box-shadow: 0px 0px 2px 0px rgba(50,50,50,0.4) inset;
}
div.gateway_mini div[rel="close"]{
    /*    background : url('../gateway/images/ci_red.png') no-repeat center center, rgba(236, 0, 0, 0.3);*/
    background : url('../gateway/images/ci_red.png') no-repeat center center, rgba(150, 150, 150, 0.3);
}
div.gateway_mini div[rel="minimize"]{
    background : url('../gateway/images/ci_orange.png') no-repeat center center, rgba(150, 150, 150, 0.3);
}
div.gateway_mini div[rel="drag"]{
    background : url('../gateway/images/ci_grey.png') no-repeat center center, rgba(150, 150, 150, 0.3);
}
div.gateway_mini div[rel="resize"]{
    background : url('../gateway/images/ci_yellow.png') no-repeat center center, rgba(150, 150, 150, 0.3);
}
.attachment_elements{
    float : left;
}
div.gateway_mini div[rel="close"]:hover, div.gateway_mini div[rel="minimize"]:hover, div.gateway_mini div[rel="drag"]:hover{
    -moz-transition: all ease-in-out 0.15s;
    -webkit-transition: all ease-in-out 0.15s;
    transition: all ease-in-out 0.15s;
}
div.gateway_mini div[rel="close"]:hover{
    background-color: rgba(236, 0, 0, 0.4);
}
div.gateway_mini div[rel="minimize"]:hover{
    background-color: rgba(255, 211, 37, 0.4);
}
div.gateway_mini div[rel="drag"]:hover{
    background-color: rgba(29, 171, 25, 0.4);
}
div.gateway_mini  div.gateway_button[rel="attachment"]{
    float        : left;
    width        : auto;
    background   : url(../images/comhub_images/attachment_icon.png) no-repeat left center;
    padding-left : 18px;
}
div.gateway_mini  .actions_inc{
    box-shadow : 0px 2px 4px -2px rgba(255, 255, 255, 0.7);
}
div.gateway_mini .actions_inc div{
    background-color: #AFAFAF;
}
div.gateway_button[channel="voicemail"]{
    background      : url(../images/comhub_images/voicemail.png) no-repeat center center;
    background-size : 20px 20px;
}
div.gateway_button[channel="email"]{
    background      : url(../images/comhub_images/mail.png) no-repeat center center;
    background-size : 20px 14px;
}
div.gateway_button[channel="sms"]{
    background      : url(../images/comhub_images/sms.png) no-repeat center center;
    background-size : 20px 20px;
}
div.gateway_button[channel="vconf"]{
    background      : url(../images/comhub_images/videoconference.png) no-repeat center center;
    background-size : 20px 14px;
}
div.gateway_button[channel="chat"]{
    background      : url(../images/comhub_images/chat.png) no-repeat center center;
    background-size : 20px 18px;
}
div.gateway_button[channel="fax"]{
    background      : url(../images/comhub_images/fax.png) no-repeat center center;
    background-size : 19px 18px;
}
div.gateway_button[channel="fb_chat"]{
    background      : url(../gateway/images/fb_chat.png) no-repeat center center;
    background-size : 19px 18px;
}
div.outgoing input[name="m_subject"]{
    margin                : 4px 0px 4px 10px;
    border                : 1px solid rgba(100, 100, 100, 0.5);
    border-radius         : 3px;
    -moz-border-radius    : 3px;
    -webkit-border-radius : 3px;
}
div[rel="show_out"]{
    background      : url('../images/comhub_images/expand.png') no-repeat center center;
    background-size : 20px 20px;
    margin-bottom: -2px
}
div.credits_counter {
    font-size: 12px;
    width: 94px;
    text-align: right;
    position: relative;
    top: -25px;
    left: 284px;
}
.Comhub_header_titles div.quick_task{
    width           : 20px;
    height          : 20px;
    background      : url("../images/new_add.png") no-repeat scroll 50% 50%;
    background-size :60%;
    position        : relative;
    top             : -25px;
    left            : 356px;
    cursor          : pointer;
}
div.show_all{
    font-size  : 12px;
    width      : 84px;
    text-align : left;
    position   : fixed;
    z-index    : 20;
}
.mini_content textarea{
    border-radius         : 3px;
    -moz-border-radius    : 3px;
    -webkit-border-radius : 3px;
}

div.As_scrolltitle[rel="Commhubs"], div.As_scrolltitle[rel="Notifications"], div.As_scrolltitle[rel="Tasks"]{
    height     : 28px;
    /*    background : -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(161, 161, 161, 1) 3%, rgba(77, 77, 77, 1) 5%, rgba(66, 66, 66, 1) 8%, rgba(12, 12, 12, 1) 44%, rgba(1, 1, 1, 1) 56%, rgba(0, 0, 0, 1) 100%);
        background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(3%, rgba(161, 161, 161, 1)), color-stop(5%, rgba(77, 77, 77, 1)), color-stop(8%, rgba(66, 66, 66, 1)), color-stop(44%, rgba(12, 12, 12, 0.64)), color-stop(56%, rgba(1, 1, 1, 1)), color-stop(100%, rgba(0, 0, 0, 1)));
        background : -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(161, 161, 161, 1) 3%, rgba(77, 77, 77, 1) 5%, rgba(66, 66, 66, 1) 8%, rgba(12, 12, 12, 1) 44%, rgba(1, 1, 1, 1) 56%, rgba(0, 0, 0, 1) 100%);
        background : -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(161, 161, 161, 1) 3%, rgba(77, 77, 77, 1) 5%, rgba(66, 66, 66, 1) 8%, rgba(12, 12, 12, 1) 44%, rgba(1, 1, 1, 1) 56%, rgba(0, 0, 0, 1) 100%);
        background : -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(161, 161, 161, 1) 3%, rgba(77, 77, 77, 1) 5%, rgba(66, 66, 66, 1) 8%, rgba(12, 12, 12, 1) 44%, rgba(1, 1, 1, 1) 56%, rgba(0, 0, 0, 1) 100%);
        background : linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(161, 161, 161, 1) 3%, rgba(77, 77, 77, 1) 5%, rgba(66, 66, 66, 1) 8%, rgba(12, 12, 12, 1) 44%, rgba(1, 1, 1, 1) 56%, rgba(0, 0, 0, 1) 100%);*/
}
div.bookmarks_thumbnail_image{
    margin           : 0px 60px 0 20px;
    width            : 160px;
    height           : 90px;
    float            : right;
    background-size  : cover;
    border-radius    : 12px;
    box-shadow       : 1px 1px 7px -1px rgba(90, 90, 90, 1);
    background-color : #FFFFFF;
}

.bookmarks_thumbnail_image_loader{
    background-image    : url('../images/bookmarks/loader.gif') !important;
    background-position : 50% 50%;
    background-repeat   : no-repeat;
    background-size     : auto !important;
}
div.bookmarks_thumbnail_list_image{
    height          : 104px;
    background-size : cover;
    border-radius   : 6px;
    box-shadow      : 1px 1px 7px -1px rgba(90, 90, 90, 1);
    margin          : 0 auto;
}

/******************end of  Notifications**********************/

/****************** end of commhub style **********************/

/******************* Comm_log (app) style ***************/
.commm_log_data_object{
    display : none;
}

/*red color gradient gia comm type*/
.comm_log_type[comm_type="voip"]{
    background : url(../images/comhub_images/voip_s.png) no-repeat center center, -moz-linear-gradient(top, rgba(237, 20, 20, 0.86) 0.16, rgba(237, 20, 20, 0.86) 0.16, rgba(231, 51, 64, 0.86) 0.26, rgba(225, 1, 17, 0.86) 0.16, rgba(255, 93, 105, 0.86) 0.16); /* FF3.6+ */
    background : url(../images/comhub_images/voip_s.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(237, 20, 20, 0.86)), color-stop(0%, rgba(237, 20, 20, 0.86)), color-stop(29%, rgba(231, 51, 64, 0.86)), color-stop(76%, rgba(225, 1, 17, 0.86)), color-stop(100%, rgba(255, 93, 105, 0.86))); /* Chrome,Safari4+ */
    background : url(../images/comhub_images/voip_s.png) no-repeat center center, -webkit-linear-gradient(top, rgba(237, 20, 20, 0.86) 0%, rgba(237, 20, 20, 0.86) 0%, rgba(231, 51, 64, 0.86) 29%, rgba(225, 1, 17, 0.86) 76%, rgba(255, 93, 105, 0.86) 100%); /* Chrome10+,Safari5.1+ */
    background : url(../images/comhub_images/voip_s.png) no-repeat center center, -o-linear-gradient(top, rgba(237, 20, 20, 0.86) 0%, rgba(237, 20, 20, 0.86) 0%, rgba(231, 51, 64, 0.86) 29%, rgba(225, 1, 17, 0.86) 76%, rgba(255, 93, 105, 0.86) 100%); /* Opera 11.10+ */
    background : url(../images/comhub_images/voip_s.png) no-repeat center center, -ms-linear-gradient(top, rgba(237, 20, 20, 0.86) 0%, rgba(237, 20, 20, 0.86) 0%, rgba(231, 51, 64, 0.86) 29%, rgba(225, 1, 17, 0.86) 76%, rgba(255, 93, 105, 0.86) 100%); /* IE10+ */
    background : url(../images/comhub_images/voip_s.png) no-repeat center center, linear-gradient(to bottom, rgba(237, 20, 20, 0.86) 0%, rgba(237, 20, 20, 0.86) 0%, rgba(231, 51, 64, 0.86) 29%, rgba(225, 1, 17, 0.86) 76%, rgba(255, 93, 105, 0.86) 100%); /* W3C */
}

/*blue color gradient gia comm type*/
.comm_log_type[comm_type="email"]{
    background : url(../images/comhub_images/mail_s.png) no-repeat center center, -moz-linear-gradient(top, rgba(237, 20, 20, 0.48) 0%, rgba(0, 87, 124, 0.48) 0%, rgba(0, 114, 162, 0.48) 44%, rgba(88, 188, 230, 0.48) 100%);
    background : url(../images/comhub_images/mail_s.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(237, 20, 20, 0.48)), color-stop(0%, rgba(0, 87, 124, 0.48)), color-stop(44%, rgba(0, 114, 162, 0.48)), color-stop(100%, rgba(88, 188, 230, 0.28)));
    background : url(../images/comhub_images/mail_s.png) no-repeat center center, -webkit-linear-gradient(top, rgba(237, 20, 20, 0.48) 0%, rgba(0, 87, 124, 0.48) 0%, rgba(0, 114, 162, 0.48) 44%, rgba(88, 188, 230, 0.48) 100%);
    background : url(../images/comhub_images/mail_s.png) no-repeat center center, -o-linear-gradient(top, rgba(237, 20, 20, 0.48) 0%, rgba(0, 87, 124, 0.48) 0%, rgba(0, 114, 162, 0.48) 44%, rgba(88, 188, 230, 0.48) 100%);
    background : url(../images/comhub_images/mail_s.png) no-repeat center center, -ms-linear-gradient(top, rgba(237, 20, 20, 0.48) 0%, rgba(0, 87, 124, 0.48) 0%, rgba(0, 114, 162, 0.48) 44%, rgba(88, 188, 230, 0.48) 100%);
    background : url(../images/comhub_images/mail_s.png) no-repeat center center, linear-gradient(to bottom, rgba(237, 20, 20, 0.48) 0%, rgba(0, 87, 124, 0.48) 0%, rgba(0, 114, 162, 0.48) 44%, rgba(88, 188, 230, 0.48) 100%);
}

/*green color gradient gia comm type*/
.comm_log_type[comm_type="sms"]{
    background : url(../images/comhub_images/sms_s.png) no-repeat center center, -moz-linear-gradient(top, rgba(170, 219, 46, 0.6) 0%, rgba(138, 182, 107, 0.6) 44%, rgba(57, 130, 53, 0.6) 100%);
    background : url(../images/comhub_images/sms_s.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(170, 219, 46, 0.6)), color-stop(44%, rgba(138, 182, 107, 0.6)), color-stop(100%, rgba(57, 130, 53, 0.6)));
    background : url(../images/comhub_images/sms_s.png) no-repeat center center, -webkit-linear-gradient(top, rgba(170, 219, 46, 0.6) 0%, rgba(138, 182, 107, 0.6) 44%, rgba(57, 130, 53, 0.6) 100%);
    background : url(../images/comhub_images/sms_s.png) no-repeat center center, -o-linear-gradient(top, rgba(170, 219, 46, 0.6) 0%, rgba(138, 182, 107, 0.6) 44%, rgba(57, 130, 53, 0.6) 100%);
    background : url(../images/comhub_images/sms_s.png) no-repeat center center, -ms-linear-gradient(top, rgba(170, 219, 46, 0.6) 0%, rgba(138, 182, 107, 0.6) 44%, rgba(57, 130, 53, 0.6) 100%);
    background : url(../images/comhub_images/sms_s.png) no-repeat center center, linear-gradient(to bottom, rgba(170, 219, 46, 0.6) 0%, rgba(138, 182, 107, 0.6) 44%, rgba(57, 130, 53, 0.6) 100%);
}

/*yellow color gradient gia comm type*/
.comm_log_type[comm_type="chat"]{
    background : rgb(252, 242, 151);
    background : url(../images/comhub_images/chat_s.png) no-repeat center center, -moz-linear-gradient(top, rgba(252, 242, 151, 0.82) 0%, rgba(249, 229, 44, 0.82) 48%, rgba(209, 196, 23, 0.82) 100%);
    background : url(../images/comhub_images/chat_s.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(252, 242, 151, 0.82)), color-stop(48%, rgba(249, 229, 44, 0.82)), color-stop(100%, rgba(209, 196, 23, 0.82)));
    background : url(../images/comhub_images/chat_s.png) no-repeat center center, -webkit-linear-gradient(top, rgba(252, 242, 151, 0.82) 0%, rgba(249, 229, 44, 0.82) 48%, rgba(209, 196, 23, 0.82) 100%);
    background : url(../images/comhub_images/chat_s.png) no-repeat center center, -o-linear-gradient(top, rgba(252, 242, 151, 0.82) 0%, rgba(249, 229, 44, 0.82) 48%, rgba(209, 196, 23, 0.82) 100%);
    background : url(../images/comhub_images/chat_s.png) no-repeat center center, -ms-linear-gradient(top, rgba(252, 242, 151, 0.82) 0%, rgba(249, 229, 44, 0.82) 48%, rgba(209, 196, 23, 0.82) 100%);
    background : url(../images/comhub_images/chat_s.png) no-repeat center center, linear-gradient(to bottom, rgba(252, 242, 151, 0.82) 0%, rgba(249, 229, 44, 0.82) 48%, rgba(209, 196, 23, 0.82) 100%);
}

/*brown color gradient gia comm type*/
.comm_log_type[comm_type="fax"]{
    background : url(../images/comhub_images/fax_s.png) no-repeat center center, -moz-linear-gradient(top, rgba(160, 133, 96, 0.62) 0%, rgba(188, 162, 113, 0.62) 48%, rgba(140, 117, 84, 0.62) 100%);
    background : url(../images/comhub_images/fax_s.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(160, 133, 96, 0.62)), color-stop(48%, rgba(188, 162, 113, 0.62)), color-stop(100%, rgba(140, 117, 84, 0.62)));
    background : url(../images/comhub_images/fax_s.png) no-repeat center center, -webkit-linear-gradient(top, rgba(160, 133, 96, 0.62) 0%, rgba(188, 162, 113, 0.62) 48%, rgba(140, 117, 84, 0.62) 100%);
    background : url(../images/comhub_images/fax_s.png) no-repeat center center, -o-linear-gradient(top, rgba(160, 133, 96, 0.62) 0%, rgba(188, 162, 113, 0.62) 48%, rgba(140, 117, 84, 0.62) 100%);
    background : url(../images/comhub_images/fax_s.png) no-repeat center center, -ms-linear-gradient(top, rgba(160, 133, 96, 0.62) 0%, rgba(188, 162, 113, 0.62) 48%, rgba(140, 117, 84, 0.62) 100%);
    background : url(../images/comhub_images/fax_s.png) no-repeat center center, linear-gradient(to bottom, rgba(160, 133, 96, 0.62) 0%, rgba(188, 162, 113, 0.62) 48%, rgba(140, 117, 84, 0.62) 100%);
}

/*purple color gradient gia comm type*/
.comm_log_type[comm_type="videocall"]{
    background : url(../images/comhub_images/videoconference_s.png) no-repeat center center, -moz-linear-gradient(top, rgba(146, 0, 219, 0.69) 0%, rgba(178, 101, 216, 0.69) 48%, rgba(159, 104, 193, 0.69) 100%);
    background : url(../images/comhub_images/videoconference_s.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(146, 0, 219, 0.69)), color-stop(48%, rgba(178, 101, 216, 0.52)), color-stop(100%, rgba(159, 104, 193, 0.69)));
    background : url(../images/comhub_images/videoconference_s.png) no-repeat center center, -webkit-linear-gradient(top, rgba(146, 0, 219, 0.69) 0%, rgba(178, 101, 216, 0.69) 48%, rgba(159, 104, 193, 0.69) 100%);
    background : url(../images/comhub_images/videoconference_s.png) no-repeat center center, -o-linear-gradient(top, rgba(146, 0, 219, 0.69) 0%, rgba(178, 101, 216, 0.69) 48%, rgba(159, 104, 193, 0.69) 100%);
    background : url(../images/comhub_images/videoconference_s.png) no-repeat center center, -ms-linear-gradient(top, rgba(146, 0, 219, 0.69) 0%, rgba(178, 101, 216, 0.69) 48%, rgba(159, 104, 193, 0.69) 100%);
    background : url(../images/comhub_images/videoconference_s.png) no-repeat center center, linear-gradient(to bottom, rgba(146, 0, 219, 0.69) 0%, rgba(178, 101, 216, 0.69) 48%, rgba(159, 104, 193, 0.69) 100%);
}

/*orange color gradient gia comm type*/
.comm_log_type[comm_type="voicemail"]{
    background : url(../images/comhub_images/voicemail_s.png) no-repeat center center, -moz-linear-gradient(top, rgba(247, 131, 0, 0.7) 0%, rgba(226, 181, 133, 0.52) 48%, rgba(237, 143, 35, 0.7) 100%);
    background : url(../images/comhub_images/voicemail_s.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(247, 131, 0, 0.7)), color-stop(48%, rgba(226, 181, 133, 0.7)), color-stop(100%, rgba(237, 143, 35, 0.7)));
    background : url(../images/comhub_images/voicemail_s.png) no-repeat center center, -webkit-linear-gradient(top, rgba(247, 131, 0, 0.7) 0%, rgba(226, 181, 133, 0.7) 48%, rgba(237, 143, 35, 0.7) 100%);
    background : url(../images/comhub_images/voicemail_s.png) no-repeat center center, -o-linear-gradient(top, rgba(247, 131, 0, 0.7) 0%, rgba(226, 181, 133, 0.7) 48%, rgba(237, 143, 35, 0.7) 100%);
    background : url(../images/comhub_images/voicemail_s.png) no-repeat center center, -ms-linear-gradient(top, rgba(247, 131, 0, 0.7) 0%, rgba(226, 181, 133, 0.7) 48%, rgba(237, 143, 35, 0.7) 100%);
    background : url(../images/comhub_images/voicemail_s.png) no-repeat center center, linear-gradient(to bottom, rgba(247, 131, 0, 0.7) 0%, rgba(226, 181, 133, 0.7) 48%, rgba(237, 143, 35, 0.7) 100%);
}

/*dark green color gradient gia comm type*/
.comm_log_type[comm_type="mms"]{
    background : url(../images/comhub_images/mms_s.png) no-repeat center center, -moz-linear-gradient(top, rgba(1, 76, 0, 0.82) 0%, rgba(46, 102, 41, 0.82) 44%, rgba(8, 104, 0, 0.82) 100%);
    background : url(../images/comhub_images/mms_s.png) no-repeat center center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1, 76, 0, 0.82)), color-stop(44%, rgba(46, 102, 41, 0.82)), color-stop(100%, rgba(8, 104, 0, 0.82))), url(..images/comhub_images/mms.png) no-repeat center center;
    background : url(../images/comhub_images/mms_s.png) no-repeat center center, -webkit-linear-gradient(top, rgba(1, 76, 0, 0.82) 0%, rgba(46, 102, 41, 0.82) 44%, rgba(8, 104, 0, 0.82) 100%);
    background : url(../images/comhub_images/mms_s.png) no-repeat center center, -o-linear-gradient(top, rgba(1, 76, 0, 0.82) 0%, rgba(46, 102, 41, 0.82) 44%, rgba(8, 104, 0, 0.82) 100%);
    background : url(../images/comhub_images/mms_s.png) no-repeat center center, -ms-linear-gradient(top, rgba(1, 76, 0, 0.82) 0%, rgba(46, 102, 41, 0.82) 44%, rgba(8, 104, 0, 0.82) 100%);
    background : url(../images/comhub_images/mms_s.png) no-repeat center center, linear-gradient(to bottom, rgba(1, 76, 0, 0.82) 0%, rgba(46, 102, 41, 0.82) 44%, rgba(8, 104, 0, 0.82) 100%);
}

#table_comm_hub div.Q_message_br[rel="comm_remove"]{
    width           : 12px;
    height          : 12px;
    background      : url('../gateway/images/ci_orange.png') no-repeat center center, rgba(0, 0, 0, 0.8);
    border-radius   : 12px;
    background-size : 14px;
    border          : 1px solid #FFFFFF;
}

.comm_log_type{
    color                 : #FFFFFF;
    background-position-x : 6px !important;
    padding-left          : 32px;
    border-radius         : 0px 14px 14px 0px;
    -moz-border-radius    : 0px 14px 14px 0px;
    -webkit-border-radius : 0px 14px 14px 0px;
    text-transform        : capitalize;
}

.commlog_table tr td{
    text-align : left !important;
}

.commlog_table tr td:hover{
    font-weight : normal;
    text-shadow : none;
}

.bookmark_entity{
    float   : left;
    padding : 10px 0 10px 10px;
}

.bookmark_name{
    width       : 180px;
    text-align  : center;
    height      : 26px;
    line-height : 26px;
}
.public_bookmark_icon{
    background    : #FFFFFF url("../images/files/public_icon.png") no-repeat 50% 50%;
    width         : 28px;
    height        : 28px;
    margin-top    : -28px;
    margin-left   : 131px;
    border-radius : 8px 0 12px;
    box-shadow    : inset 2px 2px 15px -6px #454545;
}

.store_application_application_field{
    width     : 10%;
    min-width : 160px;
    height    : 160px;
    float     : left;
    color     : rgba(112, 112, 112, 0.8);
    cursor    : pointer;
}

.store_application_application_icon{
    width  : 100px;
    height : 100px;
    margin : 0 auto;
}

.store_application_application_title{
    width      : 100%;
    text-align : center;
    margin-top : 4px;
}

.store_application_application_category{
    background    : url("../images/bg_window_header.png") 0 0 repeat-x #CDCDCD;
    -webkit-font-smoothing : subpixel-antialiased;
    height        : 32px;
    line-height   : 30px;
    margin-bottom : 10px;
    text-align    : center;
    width         : 98%;
    color         : #777D93;
    float         : left;
    text-align:left;
    padding-left: 10px;
}

#store_application_application_popup-area, #google_doc_popup_area, .blue_l_popup_area{
    border-radius : 4px;
    height        : 600px;
    background    : url('images/blue_pattern2.png') 0 0, #294E82;
    position      : absolute;
    top           : -670px;
    width         : 680px;
    box-shadow    : 3px 5px 10px #000000;
    color         : snow;
}

#google_doc_popup_area{
    height          : 0;
    width           : 0;
    padding-top     : 20px;
    top             : -2000px;
}
#store_application_application_popup_upper_area, #google_doc_upper_area, .blue_l_popup_upper_area{
    width      : 100%;
    height     : 546px;
    overflow-y : auto;
}
#google_doc_upper_area{
    padding : 0 20px;
}

canvas.wboard.on{
    cursor: crosshair;
}
canvas.wboard.off{
    cursor: pointer;
}
div.remoteMedia video{
    cursor:pointer;
}
div.gateway_mini .main_screen{
    cursor : pointer;
}
/*                     whiteboard                    */
/*                     -------------                    */
/*                     -------------                    */

.kitchen_sink{
    display: none;
    width: 100%;
    height: 40px;
    /*    background: -moz-linear-gradient(top,  rgba(95,95,95,1) 0%, rgba(241,241,241,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(95,95,95,1)), color-stop(100%,rgba(241,241,241,1)));
        background: -webkit-linear-gradient(top,  rgba(95,95,95,1) 0%,rgba(241,241,241,1) 100%);
        background: -o-linear-gradient(top,  rgba(95,95,95,1) 0%,rgba(241,241,241,1) 100%);
        background: -ms-linear-gradient(top,  rgba(95,95,95,1) 0%,rgba(241,241,241,1) 100%);
        background: linear-gradient(to bottom,  rgba(95,95,95,1) 0%,rgba(241,241,241,1) 100%);*/
    background: -moz-linear-gradient(top,  rgba(76,76,76,0.7) 0%, rgba(89,89,89,0.69) 12%, rgba(102,102,102,0.68) 25%, rgba(71,71,71,0.67) 39%, rgba(44,44,44,0.67) 50%, rgba(0,0,0,0.67) 51%, rgba(17,17,17,0.67) 60%, rgba(43,43,43,0.66) 76%, rgba(28,28,28,0.65) 91%, rgba(19,19,19,0.65) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,0.7)), color-stop(12%,rgba(89,89,89,0.69)), color-stop(25%,rgba(102,102,102,0.68)), color-stop(39%,rgba(71,71,71,0.67)), color-stop(50%,rgba(44,44,44,0.67)), color-stop(51%,rgba(0,0,0,0.67)), color-stop(60%,rgba(17,17,17,0.67)), color-stop(76%,rgba(43,43,43,0.66)), color-stop(91%,rgba(28,28,28,0.65)), color-stop(100%,rgba(19,19,19,0.65)));
    background: -webkit-linear-gradient(top,  rgba(76,76,76,0.7) 0%,rgba(89,89,89,0.69) 12%,rgba(102,102,102,0.68) 25%,rgba(71,71,71,0.67) 39%,rgba(44,44,44,0.67) 50%,rgba(0,0,0,0.67) 51%,rgba(17,17,17,0.67) 60%,rgba(43,43,43,0.66) 76%,rgba(28,28,28,0.65) 91%,rgba(19,19,19,0.65) 100%);
    background: -o-linear-gradient(top,  rgba(76,76,76,0.7) 0%,rgba(89,89,89,0.69) 12%,rgba(102,102,102,0.68) 25%,rgba(71,71,71,0.67) 39%,rgba(44,44,44,0.67) 50%,rgba(0,0,0,0.67) 51%,rgba(17,17,17,0.67) 60%,rgba(43,43,43,0.66) 76%,rgba(28,28,28,0.65) 91%,rgba(19,19,19,0.65) 100%);
    background: -ms-linear-gradient(top,  rgba(76,76,76,0.7) 0%,rgba(89,89,89,0.69) 12%,rgba(102,102,102,0.68) 25%,rgba(71,71,71,0.67) 39%,rgba(44,44,44,0.67) 50%,rgba(0,0,0,0.67) 51%,rgba(17,17,17,0.67) 60%,rgba(43,43,43,0.66) 76%,rgba(28,28,28,0.65) 91%,rgba(19,19,19,0.65) 100%);
    background: linear-gradient(to bottom,  rgba(76,76,76,0.7) 0%,rgba(89,89,89,0.69) 12%,rgba(102,102,102,0.68) 25%,rgba(71,71,71,0.67) 39%,rgba(44,44,44,0.67) 50%,rgba(0,0,0,0.67) 51%,rgba(17,17,17,0.67) 60%,rgba(43,43,43,0.66) 76%,rgba(28,28,28,0.65) 91%,rgba(19,19,19,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b34c4c4c', endColorstr='#a6131313',GradientType=0 );
    border-radius: 8px;
}
.kitchen_sink .board_pencil, .kitchen_sink .board_brush, .kitchen_sink .board_eraser, .kitchen_sink .board_type, .kitchen_sink .board_size, .kitchen_sink .board_color, .kitchen_sink .board_shape, .kitchen_sink .board_circle, .kitchen_sink .board_elipsis, .kitchen_sink .board_rectangle{
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 2px 2px 1px rgba(30,30,30,0.5) inset;
    margin: 4px 3px;
    background-size: 24px;
    cursor: pointer;
}
.board_pencil{
    background: url(../images/comhub_images/board_pencil.png) no-repeat center center, #FFFFFF;
}
.board_brush {
    background: url(../images/comhub_images/board_brush.png) no-repeat center center, #FFFFFF;
}
.board_eraser {
    background: url(../images/comhub_images/board_eraser.png) no-repeat center center, #FFFFFF;
}
.board_type{
    background: url(../images/comhub_images/board_type.png) no-repeat center center, #FFFFFF;
}
.board_size{
    background: url(../images/comhub_images/board_size.png) no-repeat center center, #FFFFFF;
}
.board_color{
    background: url(../images/comhub_images/board_color2.png) no-repeat center center, #FFFFFF;
}
.board_shape{
    background: url(../images/comhub_images/board_shape.png) no-repeat center center, #FFFFFF;
}
.board_rectangle{
    background: url(../images/comhub_images/board_rectangle.png) no-repeat center center, #FFFFFF;
}
.board_circle{
    background: url(../images/comhub_images/board_circle.png) no-repeat center center, #FFFFFF;
}
.board_elipsis{
    background: url(../images/comhub_images/board_elipsis.png) no-repeat center center, #FFFFFF;
}
.board_pencil_p, .board_brush_p, .board_eraser_p, .board_type_p, .board_size_p, .board_color_p, .board_shape_p{
    background-color: rgba(180, 180, 180, 0.7);
}
/*sleek checkbox */

input[type="checkbox"].css-checkbox {
    display:none;
}
input[type="checkbox"].css-checkbox + label.css-label, label.css_label_checkbox {
    padding-left:20px;
    height:17px;
    display:inline-block;
    line-height:17px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:15px;
    vertical-align:middle;
    cursor:default;
}

input[type="checkbox"].css-checkbox:checked + label.css-label, label.css_label_checkbox.on {
    background-position: 0 -17px;
}
.css-label, label.css_label_checkbox{
    background-image:url(../images/checkbox.png);
}

input[type=radio].css-radio {
    display:none;
}

input[type=radio].css-radio + label.css-label-radio {
    padding-left:20px;
    height:17px;
    display:inline-block;
    line-height:17px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:15px;
    vertical-align:middle;
    cursor:default;
}
.Window input[type=radio].css-radio + label.css-label-radio[name^="label_user_lang_"], label.css_label_radio {
    padding-left: 20px;
    height: 17px;
    display: inline-block;
    line-height: 17px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 15px;
    vertical-align: middle;
    cursor: default;
    position: relative;
    z-index: 1000;
    top: -3px;
    /*left: 23px;*/
    cursor: pointer;
}
input[type=radio].css-radio:checked + label.css-label-radio, label.css_label_radio.on {
    background-position: 0 -17px;
}
.css-label-radio, .css_label_radio{
    background-image:url(../images/radio.png);
}
.Window .css-label-radio[name^="label_user_lang_"], .css_label_radio[name^="label_user_lang_"]{
    background-image:none;
}
div.b_active{
    box-shadow: 0px 0px 4px 10px yellow;
}
.grey_border_box, tr.Monitor_Load .cpanel_div,  .cpanel_div, .green_border_box, .red_border_box{
    border: 1px solid rgba(178,225,255,0.2);
    border-top: 30px solid rgba(178,225,255,0.2);
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0px -1px 0px 0px rgba(178,225,255,0.2);
    margin-bottom: 8px;
}
.grey_border_box.bookmarks_thumbnails, div.map_boxes .grey_border_box{
    padding: 10px 12px;
    float:left;
}
.green_border_box{
    border: 1px solid rgba(68, 255, 121, 0.2);
    border-top: 30px solid rgba(68, 255, 121, 0.2);
    box-shadow: 0px -1px 0px 0px rgba(68, 255, 121, 0.2);
}
.red_border_box{
    border: 1px solid rgba(255, 48, 48, 0.8);
    border-top: 30px solid rgba(255, 48, 48, 0.8);
    box-shadow: 0px -1px 0px 0px rgba(255, 48, 48, 0.8);
}
tr.Monitor_Load .cpanel_div{
    float   : left;
    width   : 99.5%;
    height  : 110px;
    padding: 0px;
}
.administration_container .cpanel_div{
    float:left;
    margin: 5px 0px 5px 10px;
}
.grey_border_box_header{
    margin-top:-36px;
    width: 100%;
    height:30px;
    color:rgba(63, 63, 63,1);
    font-family : 'Open Sans', sans-serif;
    /*    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.4);*/
}
.Blue_button, .Blue_button2, .F_actions > div{
    border-radius: 0px;
    padding: 7px 16px !important;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: none;
    color:#FFFFFF;
    text-decoration: none;
    font-family : 'Open Sans', sans-serif;
    font-weight: normal;
    cursor: pointer;
    background: rgba(75, 150, 214, 0.7)!important;
    border: 1px solid rgba(75, 150, 214, 0.3)!important;
    -webkit-text-stroke: 10px rgba(0,0,0,0);
}
.small_button{
    float: left;
    padding: 2px 8px;
    text-align: center;
    font-family: 'Open Sans Condensed', sans-serif;
    -webkit-text-stroke: 10px rgba(0,0,0,0);
    border-radius: 0px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: none;
    color: #FFFFFF !important;
    text-decoration: none;
    font-weight: normal;
    cursor: pointer;
    background: rgba(75, 150, 214, 0.7)!important;
    border: 1px solid rgba(75, 150, 214, 0.3)!important;
    -webkit-text-stroke: 10px rgba(0,0,0,0);
}
.small_button.green_clr{
    background: rgba(64, 214, 93, 0.70) !important;
    border: 1px solid rgba(73, 214, 109, 0.30) !important;
}
.Blue_button2, .F_actions > div{
    font-family : 'Open Sans Condensed', sans-serif;
    -webkit-text-stroke: 10px rgba(0,0,0,0);
}
.Blue_button:hover, .Blue_button2:hover, .F_actions > div:hover{
    background: rgba(75, 150, 214, 0.4)!important;
    border: 1px solid rgba(75, 150, 214, 0.5)!important;
    -webkit-text-stroke: 10px rgba(0,0,0,0);
}
.file_back_up.Blue_button2, .db_back_up.Blue_button2, .restore_backup.Blue_button2{
    width:108px;
    -webkit-text-stroke: 10px rgba(0,0,0,0);
}
.cpanel_data_upgrade_span.Blue_button2{
    float:left;
    -webkit-text-stroke: 10px rgba(0,0,0,0);
}
.Blue_button2_small{
    padding: 1px 11px 0px 11px!important;
    margin-right: 2px;
    border-radius: 0px;
    text-shadow:0 -1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: none;
    color:#FFFFFF;
    text-decoration: none;
    font-family : 'Open Sans', sans-serif;
    font-weight: normal;
    cursor: pointer;
    background: rgba(75, 150, 214, 0.7)!important;
    border: 1px solid rgba(75, 150, 214, 0.3)!important;
    -webkit-text-stroke: 10px rgba(0,0,0,0);
}
/*     progress bar*/

.meter {
    height: 20px;  /* Can be anything */
    position: relative;
    background: rgba(185,218,241,0.6);
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 10px;
    /*    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
        -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
        box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);*/
}
.meter > span {
    display: block;
    height: 100%;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background: -moz-linear-gradient(left,  rgba(196,237,160,1) 0%, rgba(245,237,175,1) 28%, rgba(255,221,172,1) 53%, rgba(255,198,169,1) 75%, rgba(252,135,106,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(196,237,160,1)), color-stop(28%,rgba(245,237,175,1)), color-stop(53%,rgba(255,221,172,1)), color-stop(75%,rgba(255,198,169,1)), color-stop(100%,rgba(252,135,106,1)));
    background: -webkit-linear-gradient(left,  rgba(196,237,160,1) 0%,rgba(245,237,175,1) 28%,rgba(255,221,172,1) 53%,rgba(255,198,169,1) 75%,rgba(252,135,106,1) 100%);
    background: -o-linear-gradient(left,  rgba(196,237,160,1) 0%,rgba(245,237,175,1) 28%,rgba(255,221,172,1) 53%,rgba(255,198,169,1) 75%,rgba(252,135,106,1) 100%);
    background: -ms-linear-gradient(left,  rgba(196,237,160,1) 0%,rgba(245,237,175,1) 28%,rgba(255,221,172,1) 53%,rgba(255,198,169,1) 75%,rgba(252,135,106,1) 100%);
    background: linear-gradient(to right,  rgba(196,237,160,1) 0%,rgba(245,237,175,1) 28%,rgba(255,221,172,1) 53%,rgba(255,198,169,1) 75%,rgba(252,135,106,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4eda0', endColorstr='#fc876a',GradientType=1 );
    /*    background:rgba(75, 150, 214, 0.7);*/
    -webkit-box-shadow:
        inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
    -moz-box-shadow:
        inset 0 2px 9px  rgba(255,255,255,0.3),
        inset 0 -2px 6px rgba(0,0,0,0.4);
    position: relative;
    overflow: hidden;
}
.meter > span:after {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size:    50px 50px;
    background-size:         50px 50px;
    -webkit-animation: move 2s linear infinite;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}

/*end progress bar */

.administration_container .table_apps{
    border:1px solid #000;
}
.administration_container table.data tbody tr td, .set_container table.data tbody tr td{
    text-align: left;
}
.shared_google_doc{
    background: #FFFFFF url("../images/files/public_icon.png") no-repeat 50% 50%;
    width: 28px;
    height: 28px;
    margin-top: 100px;
    margin-left: 100px;
    border-radius: 8px 0 6px;
    box-shadow: inset 2px 2px 15px -6px #454545;
    float : left;
}
.notify_alert{
    background: -moz-linear-gradient(left,  rgba(255,26,0,0.6) 0%, rgba(255,26,0,0.4) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,26,0,0.6)), color-stop(100%,rgba(255,26,0,0.4)));
    background: -webkit-linear-gradient(left,  rgba(255,26,0,0.6) 0%,rgba(255,26,0,0.4) 100%);
    background: -o-linear-gradient(left,  rgba(255,26,0,0.6) 0%,rgba(255,26,0,0.4) 100%);
    background: -ms-linear-gradient(left,  rgba(255,26,0,0.6) 0%,rgba(255,26,0,0.4) 100%);
    background: linear-gradient(to right,  rgba(255,26,0,0.6) 0%,rgba(255,26,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ff1a00', endColorstr='#66ff1a00',GradientType=1 );
}
.files_dropdown{
    width: 194px;
    position: absolute;
    /*    top: 50px;
        left: 80px;*/
    top: 51px;
    left: 135px;
    background: rgba(255, 255, 255, 0.9);
    text-align:left!important;
    border-radius:0px 0px 6px 6px;
    -moz-border-radius:0px 0px 6px 6px;
    -webkit-border-radius:0px 0px 6px 6px;
    border: 1px solid rgba(100,100,100,0.15);
}
.files_dropdown ul{
    list-style-type: none;
}
.files_dropdown .new_add_file_button{
    background: none!important;
    background-image: none!important;
    box-shadow: none!important;
    border-radius: 0px!important;
    color: #000000!important;
    text-shadow: none!important;
    font-family : 'Open Sans Condensed', sans-serif!important;
    font-size: 16px;
    width: 194px!important;
    padding: 0px 0px 0px 6px!important;
    text-align:left!important;
    font-weight: normal!important;
    height:30px;
    margin-left:0px;
    width: 194px;
}
.files_dropdown li{
    height: 30px;
}
.files_dropdown_right li{
    line-height: 30px;
}
.files_dropdown li .new_add_file_button:hover, .add_new_file:hover div.files_dropdown .New_Folder.new_add_file_button{
    background: url(../images/add.png) no-repeat 4px center rgba(178,225,255,0.5)!important;
    box-shadow: 0px 2px 5px 0px rgba(100,100,100,0.2)!important;
    padding: 0px 0px 0px 26px!important;
    -moz-transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}
li.new_add_file_google{
    height:25px;
}
.new_add_file_google {
    background: url("../images/google_drive_s.png") no-repeat 4px center rgba(178,225,255,0.2);
    box-shadow: 0px 2px 3px -2px rgba(100,100,100,0.4);
    padding: 8px 0px 0px 29px;
    margin-top: 10px;
}
div.files_dropdown .New_Folder.new_add_file_button, #uploadifive-upload_files.new_add_file_button {
    background: url("../images/folder_general_s.png") no-repeat 4px center!important;
    padding: 3px 0px 0px 29px!important;
    margin-top: 0px!important;
    margin-left:0px!important;
    width: 194px!important;
    font-size: 16px;
    cursor: pointer!important;
}
#uploadifive-upload_files.new_add_file_button {
    background: url(../images/add_blue.png) no-repeat 4px center!important;
    box-shadow: none!important;
    width: 194px!important;
    margin-top:9px!important;
}
#uploadifive-upload_files.new_add_file_button:hover{
    background: url(../images/add_blue_h.png) no-repeat 4px center!important;
}
.add_new_file:hover .New_Folder.new_add_file_button{
    background: url("../images/folder_general_s.png") no-repeat 4px center rgba(178,225,255,0.2)!important;
}
li.new_add_file_info{
    background: rgba(100,100,100,0.3);
    color: rgba(50,50,50,0.8);
    margin-top: 8px;
    border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    padding-left: 6px;
    /*    height: 60px!important;*/
    height: auto;
    font-size: 14px;
}
.form_headers{
    background: rgba(178,225,255,0.2);
    border: 1px solid rgba(178,225,255,0.3);
}
.show_next_icon, .show_previous_icon{
    width: 30px;
    height: 30px;
    background: url("../images/show_next_icon.png") no-repeat 4px center rgba(178,225,255,0.2);
    border-radius: 5px;
    border:1px solid #FFFFFF;
    position : fixed;
    z-index : 30;
    cursor : pointer;
}
.show_previous_icon{
    background: url("../images/show_previous_icon.png") no-repeat 4px center rgba(178,225,255,0.2) !important;
}
div.Active[rel_id="app_35"] table.data tr td:nth-child(4){
    text-align: right;
}
div.Active[rel_id="app_28"] div.Tab2 table.data tr td:nth-child(2), div.Active[rel_id="app_43"] table.data tr td:nth-child(2) {
    text-align: center;
}
div.Active[rel_id="app_35"] table.data tr td {
    padding-right: 20px;
}
/*div.Active[rel_id="app_23"] div.New_form_float textarea[name="new[comments]"], div.Active[rel_id="app_23"] div.New_form_float textarea[name="new[prv_comments]"], div.Active[rel_id="app_23"] div.Edit_form_float textarea[name="edit[comments]"], div.Active[rel_id="app_23"] div.Edit_form_float textarea[name="edit[prv_comments]"]{
    width:284px;
    padding: 2px;
}
div.Active[rel_id="app_23"] div.New_form_float tr._info_data td{
    text-align:left;
}
div.Active[rel_id="app_23"] div.New_form_float tr._info_data input{
    width:284px!important;
}
div.Active[rel_id="app_23"] fieldset.user_att div.att_added{width:266px;margin-top:9px;}
div.Active[rel_id="app_23"] table._form.autosuggest single td{background-color:#FFF;text-align: left;}
div.Active[rel_id="app_23"] table._form.autosuggest single input{width:284px!important;}
div.Active[rel_id="app_23"] table.data tr td{padding: 3px 1%}
div.Active[rel_id="app_23"] table.data tr td:nth-child(1){width:26%}
div.Active[rel_id="app_23"] table.data tr td:nth-child(2), div.Active[rel_id="app_23"] table.data tr td:nth-child(3), div.Active[rel_id="app_23"] table.data tr td:nth-child(4){width:12%}
div.Active[rel_id="app_23"] table.data tr td:nth-child(5){width:20%}
div.Active[rel_id="app_23"] div.table table.data tr td:nth-child(6){width:4%;text-align:right;}*/
.grey_border_box_title{
    float: left;
    margin-top: -36px;
    width: 100%;
    text-align: center;
}
.grey_border_box_results{
    float: left;
    width: 100%;
    font-size: 30px;
    margin-top: -14px;
    font-weight: normal;
    color: rgba(75, 150, 214, 1);
    text-align: center;
}
.info_container{
    width: 470px;
    height: auto;
    margin: 0px 10px 10px;
    float: left;
}
/*div.Active[rel_id="app_51"] .Edit_form_float div.grey_border_box, div.Active[rel_id="app_51"] .New_form_float div.grey_border_box {
    width: 942px;
}*/
.cpanel_chart div#topLoader_disk_usage{
    font-family: 'Open Sans Condensed', sans-serif!important;
}
.administration_container div.Blue_button2{
    width: 108px;
    text-align: center;
}
#side-tabs ul li{
    cursor: pointer;
}
.fancy_open{
    cursor: pointer;
}

.att_added_list{
    /*width:260px;*/
    max-height: 215px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 325px;
    margin: auto 0px;
}
.att_added_list .att_added{
    /*            background: url(images/0.png) no-repeat scroll 98% 15% #efefef;*/
    cursor: pointer;
    width: 272px;
    float: left;
    border: 1px solid rgba(178,225,255,0.2);
    border-top: 24px solid rgba(178,225,255,0.2);
    padding: 10px 10px 2px 10px;
    border-radius: 6px;
    box-shadow: 0px -1px 0px 0px rgba(178,225,255,0.2);
    background: rgba(200,200,200,0.15);
    margin-bottom: 10px;
}
.att_added_list .att_added .att_added_image{
    float: left;
    height: 35px;
    padding-right: 5px;
    /*            margin-top: -66px;*/
}
.att_added_list .att_added .att_added_image img{
    width: 35px;
    max-height:35px;
}
.att_added_list .att_added .att_added_name_inner{
    float: left;
    font-size: 14px;
    width: auto;
    /*            margin-top: -76px;
                margin-left: 48px;*/
}
.att_added_name{
    float:left;
    width:240px;
    margin-top: -28px;
}
/*        .not_cont{
                        margin-right:-4px;
                        margin-top:-26px;
                        float:right;
                        width:15px;
        }*/
.not_cont {
    margin-top: -26px;
    float: right;
    width: 15px;
    position: relative;
    top: 6px;
    right: -34px;
}
.rem_att{
    cursor: pointer;
    float: right;
    height: 24px;
    margin-right: 2px;
    position: relative;
    right: -13px;
    width: 24px;
    background: url(../images/new_close.png) no-repeat scroll 8px 4px rgba(75, 150, 214, 0.4);
    background-size: 12px;
    top: -34px;
    border-radius: 0px 6px 0px 30px;
}
.rem_att:hover{
    background: url(../images/new_close.png) no-repeat scroll 8px 4px rgba(75, 150, 214, 0.4);
    background-size: 12px;
    box-shadow: -6px 7px 5px -3px rgba(250, 250, 250, 0.3) inset;
    transition: box-shadow 0.3s ease-in-out;
}
table.in_tr{
    width:100%;
}
div.att_added_name_inner span.info span{
    color: rgba(75, 150, 214, 1);
    font-size: 22px;
}
.Blue_font{
    font-size: 30px;
    width: 100%;
    color: rgba(75, 150, 214, 1);
}
video.recording{
    box-shadow:0px 0px 8px 0px red !important;
}

/* MEDIA STYLE */
.Media_Container {
    background: url(images/blue_pattern2.png) repeat scroll 0 0px, none repeat scroll 0 0 #294E82;
    border-radius: 0 8px 8px 0;
    height: 100%;
    position: absolute;
    right: -2px;
    top: 0;
    width: 0px;
    z-index: 0;
}
.Media_Container .MediaHead {
    background: rgba(68, 135, 201, 1);
    border-radius: 0 28px 28px 0;
    height: 55px;
    width: 55px;
    margin-left: -2px;
    text-align: center;
    box-shadow: 0px 3px 2px -1px rgba(50,50,50,0.4);
    position: relative;
    top: 0;
    z-index: 1000;
}
.Media_Container .MediaHead .Media_button{
    border-radius: 0 60px 60px 0;
    /*    background: url(../images/media_icon_small.png) no-repeat scroll 14px 16px rgba(68, 135, 201, 1);*/
    background: url(../images/media_preview_small.png) no-repeat scroll 10px 13px rgba(68, 135, 201, 1);
    float: right;
    width: 55px;
    height: 55px;
    margin: 0;
    box-shadow: 2px 0px 6px -1px rgba(50,50,50,0.4) inset;
    background-size: 30px;
}
.Media_Container .MediaHead .Filter{
    display:none;
}
.Media_Container .Media_data{
    overflow-x: hidden;
    overflow-y: auto;
}
.Media_Container .Media_data .thumb{
    float: left;
    margin-left: 10px;
}
.Media_Container .Media_data .thumb .title{
    text-align: center;
}
.Media_Container .Media_data .thumb .folder_title{
    text-align: center;
    font-size: 12px;
    color: rgba(150, 150, 150, 0.5);
}
.Media_Container .Media_data .thumb_file {
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    background-position: center center;
}
.Media_Container .Mediafoot{
    background: rgba(75, 150, 214, 0.8);
    box-shadow: -16px -16px 17px -14px rgba(250, 250, 250, 0.7) inset;
    height: 55px;
    width: 0px;
    border-radius: 0 0 8px 0;
    overflow: hidden;
    position: relative;
    bottom: 0;
    z-index: 1000;
    box-shadow: 0px -4px 5px -3px rgba(50,50,50,0.5);
}
/*.Media_Container .Mediafoot select{
    margin-left:10px;
}*/
div.Media_Container.No_dragg {
    border-radius: 8px 26px 8px 8px;
    box-shadow: 3px 5px 10px #000000;
    color:#FFFFFF;
}
.display_button{
    display: none;
}
#queue_area{
    border: 1px dashed #FFFFFF;
    border-radius: 0 0 6px 0;
    height: 26px;
    margin: 2px;
    overflow: hidden;
    padding: 10px 10px 4px 10px;
    color: #FFFFFF;
    background: url(../images/drag_drop.png) no-repeat  96% 50% rgba(75, 150, 214, 0.4);
    border-radius: 6px;
}
.FM.Auto span{
    color:#FFFFFF;
    /*    padding-left:10px;*/
    padding-left:2px;
}
.Auto{
    background: none repeat scroll 0 0 transparent;
    margin: 0;
    min-height: auto;
    min-width: auto;
}
#queue_area .uploadifive-queue-item{
    /*bottom: 0;
    margin-bottom: 10px;
    overflow: auto;
    padding: 0 3px 3px;
    position: fixed;
    right: 0;
    width: 300px;
    z-index: 15;*/
    opacity: 0.01;
}
.queue_area_box{
    border: 2px dotted #000000!important;
}
div.Active[rel_id="app_6"] .New_form_float, div.Active[rel_id="app_6"].Edit_form_float,div.Active[rel_id="app_7"] .New_form_float, div.Active[rel_id="app_7"].Edit_form_float,div.Active[rel_id="app_3"] .New_form_float, div.Active[rel_id="app_3"].Edit_form_float,div.Active[rel_id="app_11"] .New_form_float, div.Active[rel_id="app_11"].Edit_form_float,div.Active[rel_id="app_12"] .New_form_float, div.Active[rel_id="app_12"].Edit_form_float,div.Active[rel_id="app_28"] .New_form_float, div.Active[rel_id="app_28"].Edit_form_float,div.Active[rel_id="app_49"] .New_form_float, div.Active[rel_id="app_49"].Edit_form_float{
    border-radius: 8px 0px 0px 8px;
}
table.Form tr td{
    vertical-align: top;
}
table.Form.cells_middle tr td, .cells_middle{
    vertical-align: middle!important;
}
.product_media_droparea{
    border: 2px dashed #FFFFFF;
    border-radius: 11px;
    background: url(../images/media_preview.png) no-repeat center center, url(../images/media_arrow.png) no-repeat right center rgba(75, 150, 214, 0.4);
    width: 690px;
    min-height: 210px;
}
.product_media_droparea span {
    position: absolute;
    top: 62%;
    right: 9%;
    font-family: Chalkboard;
    font-size: 18px;
    color: #FFFFFF;
}
.media_t_width{width:130px!important;min-width:130px!important;}
/*.media_steps{
    border-radius: 20px;
    background: rgba(4, 58, 116, 0.5);
    width: 22px;
    height: 22px;
    text-align: center;
    float: left;
    vertical-align: middle;
    margin: auto;
}*/
.media_dd select{
    width: 100%;
}
div.Edit_form_float div.MediaHead input::-webkit-input-placeholder {color: #CCCCCC;}
div.Edit_form_float div.MediaHead  input:-moz-placeholder {color: #CCCCCC;}
div.pager div.questionmark_help{
    float: right;
    background: url(../images/questionmark.png) no-repeat 1px top;
    width: 22px;
    height: 22px;
    background-size: 20px;
}
div.pager div.questionmark_help:hover{
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transition: all 0.3s ease-in-out;
}
div.pager div.questionmark_help a{
    padding:20px;
}
.system_manual{
    background: url(../images/system_manual.png) no-repeat left top;
    /*    width: 470px;*/
    width: 50%;
    height: 288px;
    background-size: contain;
    float: left;
    /*    margin: 30px;*/
    margin: 2%;
}
.system_manual_text{
    float:left;
    text-align:center;
    width:46%;
}
.system_manual_links .Blue_button{margin: 18px 10px;}
.system_manual_links a{text-decoration: none;}
button.unavailable{opacity: 0;cursor: default;}
div.unavailable{display: none;cursor: default;}
/*input.date_icon::-webkit-input-placeholder {
   background : url(../images/questionmark.png) no-repeat 4px top;
}
:-moz-placeholder {  Firefox 18-
  background : url(../images/questionmark.png) no-repeat 4px top;
}
::-moz-placeholder {   Firefox 19+
  background : url(../images/questionmark.png) no-repeat 4px top;
}*/
input.timepickr.hasDatepicker, input.a_date.hasDatepicker, input.b_date.hasDatepicker, table._form.autosuggest td input[suggeston="on"], .hasDatepicker{
    width  : 42px;
    /*    margin : 0 10px 0 4px;*/
    padding-left: 21px!important;
    background: url(../images/clock_icon.png) no-repeat 3px 2px #FFF!important;
}
input.a_date.hasDatepicker, input.b_date.hasDatepicker, .hasDatepicker{
    width:auto;
    background: url(../images/calendar.png) no-repeat 3px 2px #FFF!important;
}
table._form.autosuggest td input[suggeston="on"]{
    background: url(../images/suggest_icon.png) no-repeat 3px 2px #FFF!important;
}
input.timepickr.hasDatepicker.foc,
input.a_date.hasDatepicker.foc,
input.b_date.hasDatepicker.foc{
    background-color: transparent!important;
}
.Complete_button, .Archive_button, .Track_button, .Estimate_button{
    width: auto;
    text-align: center;
    font-family: Open sans;
    color: #FFF;
    text-shadow: 0px -1px 3px rgba(100,100,100,0.4);
    font-size: 15px;
    background: rgba(41, 218, 26, 0.5);
    border: 1px solid rgba(41,218,26,0.9);
}
.Archive_button{
    background: rgba(75, 150, 214, 0.7);
    border: 1px solid rgba(75, 150, 214, 0.3);
}
.Track_button{
    background: rgba(255, 0, 0, 0.5);
    border: 1px solid rgba(255, 0, 0, 0.9);
}
.Estimate_button{
    background: rgba(201, 218, 7, 0.5);
    border: 1px solid rgba(201, 218, 7, 0.9);
}
.calendar_popup input, .blue_border_input{
    box-shadow: 0px 0px 3px 0px rgba(75, 150, 214, 0.9) inset;
}
.Sub_breadcrumb span.sub_cats{
    cursor:pointer;
}
table.contact_details select{
    width:160px!important;
    margin-right: 4px;
}
span[this_type="map"].map_button_small{
    padding: 1px 10px 0px 10px!important;
    background: url(../images/map_icon_16.png) no-repeat center 2px rgba(75, 150, 214, 0.7)!important;
    border: 1px solid rgba(75, 150, 214, 0.3)!important;

}
/*fullscreenThings */
div.fullscreen{
    display:none;
    background : black;
    width:100%;
    height:100%;
}
.fullscreen:-webkit-full-screen	{ width: 100%;display:block; }
.fullscreen:-moz-full-screen		{ width: 100%;display:block; }
.fullscreen:-ms-full-screen		{ width: 100%;display:block; }
.fullscreen:-o-full-screen		{ width: 100%;display:block; }
.fullscreen:full-screen			{ width: 100%;display:block; }

div.fullscreen video{
    max-width : auto !important;
    width:100%;
    height:100%;
}
/*  KEYBOARD / NUMPAD  */
div#Keyboard {
    /*margin: 100px auto;*/
    width: 150px;
    position:absolute;
    bottom:0;
    right:0;
    z-index:100;
}

#write {
    margin: 0 0 5px;
    padding: 5px;
    width: 671px;
    height: 200px;
    font: 1em/1.5 Verdana, Sans-Serif;
    background: #fff;
    border: 1px solid #f9f9f9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#keyboard {
    margin: 0;
    padding: 0;
    list-style: none;
}
#keyboard li {
    display:none;
    float: left;
    margin: 0 5px 5px 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    border: 1px solid #f9f9f9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.capslock, .tab, .left-shift {
    clear: left;
}
#keyboard .tab, #keyboard .delete {
    width: 70px;
}
#keyboard .capslock {
    width: 80px;
}
#keyboard .return {
    width: 77px;
}
#keyboard .left-shift {
    width: 95px;
}
#keyboard .rightright-shift {
    width: 109px;
}
.lastitem {
    margin-right: 0;
}
.uppercase {
    text-transform: uppercase;
}
#keyboard .space {
    clear: left;
    width: 681px;
}
#keyboard .on {
    display: none;
}
#keyboard li:hover {
    position: relative;
    top: 1px;
    left: 1px;
    border-color: #e5e5e5;
    cursor: pointer;
}
div#Keyboard .number{
    display:block;
}
/*  COMMHUB GETUSERMEDIA*/
div.gateway_mini video.localvideo,div.gateway_mini video.remotevideo{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);

    -webkit-backface-visibility: visible;
    -moz-backface-visibility:    visible;
    -ms-backface-visibility:     visible;
}
div.fullscreen video.localvideo,div.fullscreen video.remotevideo{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);

    -webkit-backface-visibility: visible;
    -moz-backface-visibility:    visible;
    -ms-backface-visibility:     visible;
}
.dock_empty_trash{
    opacity: 0.5;
}
/*
 *
 *
Themes Application style
 *
 *
*/
.theme_box{
    float: left;
    margin: 6px;
    border: 1px solid rgba(178,225,255,0.2);
    border-top: 30px solid rgba(178,225,255,0.2);
    border-radius: 6px;
    box-shadow: 0px -1px 0px 0px rgba(178,225,255,0.2);
}
.slides li,.my_slides li{
    list-style-type:none;
}
.theme{
    cursor:pointer;
    width:260px;
    height:150px;
    border-radius: 6px;
    margin-top: -4px;
}
.theme_img{
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-radius: 0px 0px 6px 6px
}
.theme_box:hover .theme_img{
    box-shadow: 0px 3px 12px -3px rgba(20,20,20,1);
}
.display_button{
    display: none;
}
.theme_name{
    width: 100%;
    height:30px;
    color:rgba(63, 63, 63,1);
    font-family : 'Open Sans', sans-serif;
    margin-top: -26px;
    margin-left: 8px;
}
.theme_boxes{
    float: left;
}
.theme_transition{
    float:right;
    margin: 20px;
}
div.Active[rel_id="app_30"] .uploadifive-button {
    float: left;
    margin-right: 10px;
}
div.Active[rel_id="app_30"] #queue_theme {
    overflow: auto;
    margin: 10px;
    position: relative;
    padding: 13px 0px 16px 0px;
    text-align: center;
    background: url("../images/drag_drop_grey.png") no-repeat 204px 16px;
    top: 36px;
    border: 2px dashed rgba(63, 63, 63,1);
}
div.Active[rel_id="app_30"] .uploadifive-queue-item{
    margin-bottom: 5px;
}
div.Active[rel_id="app_30"] .default-theme{
    background: url("../images/new_tick.png") no-repeat scroll 18px 20px, none repeat scroll 0 0 #294E82;
    border-radius: 140px 0 18px 0;
    box-shadow: 26px -26px 37px -24px rgba(250, 250, 250, 0.3) inset;
    float: right;
    height: 50px;
    width:51px;
    margin-top:-50px;
    position: relative;
    z-index: 1000;
    cursor: pointer;
}
div.Active[rel_id="app_30"] .remove-theme {
    background: url("../images/new_close.png") no-repeat scroll 20px 12px, none repeat scroll 0 0 #294E82;
    border-radius: 0px 0px 0px 200px;
    box-shadow: 26px -26px 37px -24px rgba(250, 250, 250, 0.3) inset;
    height: 50px;
    width: 50px;
    position: absolute;
    cursor: pointer;
    z-index: 1000;
    left: -50px;
}
.themes_container{
    padding: 10px;
    width:824px;
    overflow: hidden;
}
/*
 *
 *
Themes Application style ends
 *
 *
*/

/*
 *
 *
Digital Signage Tab2 Application style
 *
 *
*/
div.Active[rel_id="app_37"] .uploadifive-button {
    float: left;
    margin-right: 10px;
}
div.Active[rel_id="app_37"] #queue_theme {
    overflow: auto;
    margin: 10px;
    position: relative;
    padding: 13px 0px 16px 0px;
    text-align: center;
    background: url("../images/drag_drop_grey.png") no-repeat 204px 16px;
    top: 36px;
    border: 2px dashed rgba(63, 63, 63,1);
}
div.Active[rel_id="app_37"] .uploadifive-queue-item{
    margin-bottom: 5px;
}
div.Active[rel_id="app_37"] .default-theme{
    background: url("../images/new_tick.png") no-repeat scroll 18px 20px, none repeat scroll 0 0 #294E82;
    border-radius: 140px 0 18px 0;
    box-shadow: 26px -26px 37px -24px rgba(250, 250, 250, 0.3) inset;
    float: right;
    height: 50px;
    width:51px;
    margin-top:-50px;
    position: relative;
    z-index: 1000;
    cursor: pointer;
}
div.Active[rel_id="app_37"] .remove-theme {
    background: url("../images/new_close.png") no-repeat scroll 20px 12px, none repeat scroll 0 0 #294E82;
    border-radius: 0px 0px 0px 200px;
    box-shadow: 26px -26px 37px -24px rgba(250, 250, 250, 0.3) inset;
    height: 50px;
    width: 50px;
    position: absolute;
    cursor: pointer;
    z-index: 1000;
    left: -50px;
}
div.Active[rel_id="app_37"] .themes_container{
    padding: 10px;
    width:824px;
    overflow: hidden;
}
.hide{
    display : none;
}
/*
 *
 *
Digital Signage Application Tab2 style ends
 *
 *
*/
.white_color_header{
    color: #FFFFFF;
}
.Link_Tabs.lang_tabs{
    margin: -12px 0px 10px 0px;
}
.Del_container.grey_border_box {margin-bottom: 0px;}
.Del_container .grey_border_box_header {margin-bottom: 6px;}
.transactions_steps_container{
    width: 414px;
    overflow-x: hidden;
    box-shadow: 0px 3px 3px -2px rgba(200,200,200,0.3), 0px -3px 3px -2px rgba(200,200,200,0.3);
}
.trans_step{
    border-radius: 20px;
    background: rgba(4, 58, 116, 0.5);
    width: 22px;
    height: 22px;
    text-align: center;
    float: left;
    vertical-align: middle;
    margin-right: 6px;
    box-shadow:-2px -2px 8px -2px rgba(240,240,240,0.3) inset, 1px 1px 3px 0px rgba(50,50,50,0.3);
}
.trans_step_1, .trans_step_2, .trans_step_3, .trans_step_4{
    float:left;
    width: 25%;
    height:100px;
    padding: 4px 0px;
}
.add_spec_tr {
    border-bottom: 3px solid #3B70B4;
}
table.Specs_table tr td{
    padding: 0px 2px;
}
.trans_steps_back{
    width: 30px;
    height: 120px;
    float: left;
    margin: -10px 8px 0px 0px;
    box-shadow: 2px 0px 7px -1px rgba(200,200,200,0.4);
    background: url("../images/trans_steps_back.png") no-repeat scroll center center rgba(75, 150, 214, 0.4);
}
.trans_steps_radios{
    margin: 5px 0px 0px 66px;
}
.not_found{
    font-size: 20px;
    margin-top:-3px;
    color: rgba(75, 150, 214, 1);
}
/*
contacts details style
*/

._Edit{
    width:40px;
    height:40px;
    float:right;
    background: url(../images/edit_pencil_grey.png) no-repeat 16px 6px rgba(75, 150, 214, 0.4);
    cursor:pointer;
    border-radius: 0 10px 0 60px;
    background-size: 52%;
}
._Edit:hover{
    box-shadow: -16px 16px 17px -14px rgba(250, 250, 250, 0.5) inset;
}
._Edit.editing {
    background: url(../images/edit_pencil_white.png) no-repeat 16px 6px rgba(75, 150, 214, 0.4);
    border-radius: 0 10px 0 60px;
    background-size: 52%;
}
._Edit.editing:hover{
    box-shadow: -16px 16px 17px -14px rgba(250, 250, 250, 0.5) inset;
}
._Edit.adding{
    float:left;
    border-radius: 24px 0px 140px 0;
    background: url(../images/new_add.png) no-repeat 7px 8px, rgba(75, 150, 214, 0.4);
    background-size: 52%;
}
._Edit.adding:hover{
    box-shadow: 6px -66px 50px -56px rgba(250, 250, 250, 0.6) inset;
}
div.New_form_float ._Edit.editing{
    display: none;
}
div.contact_details{
    border: 1px dotted rgba(157,207,225,0.8);
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    border-radius: 10px;
}
div.editing.contact_details{
    border-color:rgba(157,207,225,0.3);
    background-color : rgba(145,152,172,0.3);
    box-shadow : 0px 0px 7px 2px rgba(41,84,128,0.4) inset,0px 0px 30px 3px rgba(46,80,128,0.7);
}
div.small_button[rel_type]{
    width:30px;
    height:20px;
}
div.small_button[rel_type=address]{
    background: url(../images/map_icon_16.png) no-repeat center 2px rgba(75, 150, 214, 0.7) !important;
    color:rgba(75, 150, 214, 0) !important;
}
div[img_type].small{
    width:20px;
    height:22px;
    background-size:100%;
    cursor:pointer;
}
div[img_type].small > div{
    display:none !important;// nikos megalos
    vertical-align: bottom;
    display: table-cell;
    cursor:pointer;
    position: relative;
    right: -12px;
    bottom: 0px;
    font-size: 11px;
}
div[img_type].small > div:hover{
    font-size:15px;
    text-shadow:0px 0px 20px grey;
    position: relative;
    right: -12px;
    bottom: 0px;
    font-size: 15px;
}
div[img_type=phone]{
    background: url(../images/comhub_images/voip.png) no-repeat center center;
}
div[img_type=email]{
    background: url(../images/comhub_images/mail.png) no-repeat center center;
}
div[img_type=chat]{
    background: url(../images/comhub_images/chat.png) no-repeat center center;
}
div[img_type=mobile]{
    background: url(../images/comhub_images/mobile_icon.png) no-repeat center center;
}
div[img_type=voicemail]{
    background: url(../images/comhub_images/voicemail.png) no-repeat center center;
}
div[img_type=fax]{
    background: url(../images/comhub_images/fax.png) no-repeat center center;
}
div[img_type=social]{
    background: url(../images/comhub_images/social.png) no-repeat center center;
}
div[img_type=mms]{
    background: url(../images/comhub_images/mms.png) no-repeat center center;
}
div[img_type=videocall]{
    background: url(../images/comhub_images/vconf.png) no-repeat center center;
}
div[img_type=address]{
    background: url(../images/comhub_images/home_address_icon.png) no-repeat center center;
}
[novis]{
    display:none;
}
div.comm_types div.select_comm[img_type=phone], div.comm_types div.select_comm[img_type=chat], div.comm_types div.select_comm[img_type=mobile], div.comm_types div.select_comm[img_type=voicemail], div.comm_types div.select_comm[img_type=fax], div.comm_types div.select_comm[img_type=social], div.comm_types div.select_comm[img_type=mms], div.comm_types div.select_comm[img_type=videocall], div.comm_types div.select_comm[img_type=address]{
    background-position: center 7px;
}
div.comm_types div.select_comm[img_type=email]{background-position: center 11px;}
div.comm_types , div.communi_types{
    position:absolute;
    z-index:11;
    top:0px;
    left:0px;
    max-width:155px;
    background: url(../images/blue_pattern2.png) repeat scroll 0 0, #294E82;
    border-radius:2px;
    box-shadow: 2px 2px 10px 1px rgba(39, 39, 39, 0.54);
}
div.select_comm , div.select_communi{
    margin:3px;
    display:inline-block;
    border-width:1px;
    border-style: dotted;
    border-color : lightsteelblue;
    border-radius:5%;
    width:40px;
    height:40px;
    cursor:pointer;
}
div.comm_types div.select_comm, div.select_communi {
    margin: 3px;
    display: inline-block;
    border-width: 1px;
    border-style: dotted;
    border-color: lightsteelblue;
    border-radius: 5%;
    width: 40px;
    height:auto;
    cursor: pointer;
    font-size: 12px;
    font-family: open sans condensed;
    color: #FFF;
    text-align: center;
    padding-top: 44px;
}
div.comm_types div.select_comm > div {
    background: rgba(124, 172, 209, 0.52);
    border-radius: 0px 0px 2px 2px;
}
div.select_comm:hover{
    box-shadow: 0px 0px 20px -4px lightsteelblue inset;
}
table.Tabs{
    margin: 0px auto !important;
}

/*
contacts details style ends
*/
textarea.border_field:focus{
    background: rgba(202, 221, 231, 1);
}
input.border_field, .border_field{ /*tha xrisimopoiithei genika sta input sto contacts*/
    box-shadow: 0px 0px 0px 0px rgba(0, 147, 230, 0) inset;
    width:160px!important;
}
select.border_field{
    width:165px!important;
}
input.hasDatepicker.border_field{
    width:142px!important;
}
input.border_field:focus{
    box-shadow: 0px 0px 2px 1px rgba(11, 146, 223, 1) inset;
    background: rgba(202, 221, 231, 1);
    transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
}
table._form.autosuggest td input[suggeston="on"].border_field:focus, input.hasDatepicker.border_field:focus,  input.timepickr.border_field:focus{
    background: url(../images/suggest_icon.png) no-repeat 3px 2px rgba(202, 221, 231, 1)!important;
    transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
}
input.hasDatepicker.border_field:focus {
    background: url(../images/calendar.png) no-repeat 3px 2px rgba(202, 221, 231, 1)!important;
}
input.timepickr.border_field:focus {
    background: url(../images/clock_icon.png) no-repeat 3px 2px rgba(202, 221, 231, 1)!important;
}
div.Active[rel_id="app_61"] div.grey_border_box table tr td:first-child{
    width: 118px!important;
}
.contacts_moves_bullets div , .contacts_relations_bullets div{
    display: inline-block;
    margin-right: 14px;
}
td.contacts_moves_bullets > div > span , td.contacts_relations_bullets > div > span{
    vertical-align: bottom;
    line-height: 16px;
}
table.single div.Open_Edit.small_button{
    margin-right: 6px;
}
table.single.details tr.detail td:nth-child(4) div[novis='editing']{
    padding:4px;
    -webkit-transition:box-shadow 0.3s;
    transition:box-shadow 0.3s;
    cursor:default;
}
table.single.details tr.detail td:nth-child(4) div[novis='editing']:hover{
    box-shadow: 0px 0px 2px 2px rgba(50,50,200,0.2);
}
.FancyMap{
    display:none;width:800px;padding: 20px;background: url(../images/blue_pattern2.png) repeat scroll 0 0, #294E82;font-family: 'Open Sans Condensed', sans-serif;border-radius: 7px;
}
.FancyMap .grey_border_box{
    width:450px;height: 250px;float:left;margin-right: 26px;
}
.FancyMap .Confirm_address_content{
    width:302px;height: 300px;
}
.FancyMap .btn_Container{
    margin-top:30px;margin-bottom:10px;
}
.FancyMap .btn_Container .CloseFancyMap{
    float:left;position: absolute;bottom: 0px;left: 0px;
}
.FancyMap .btn_Container .SaveMap_new{
    position: absolute;bottom: 0px;right: 0px;
}
.address_suggestions{
    position: absolute;
    z-index: 1;
    background: url(../images/blue_pattern2.png) repeat scroll 0 0, #294E82;font-family: 'Open Sans Condensed', sans-serif;

}
.address_suggestions .address_suggestion{
    background: rgba(158, 158, 158, 0.56);
    padding: 2px 4px;
    max-width: 240px;
    width: 146px;
}
.address_suggestions .address_suggestion a{
    color: #fff;
}
.HoverMap{
    display: none;
    position: absolute;
    width: 1000px;
    /*    height: 364px;*/
    background: black;
    top: 105px;
    /*    left: -118px;*/
    opacity: 0.8;
    z-index: 1;
    border-radius: 8px;
    font-size: 210px;
    text-align: center;
    vertical-align: middle;
    /*    padding-top: 45px;*/
    left:0px;
    right:0px;
    margin: 0 auto;
    z-index:100;
    color: #FFFFFF;
    font-family : 'Open Sans Condensed', sans-serif;
}
.HoverMap .HoverMapContainer{
    width:1000px;
    height:400px;
}
.HoverMap[type="details"] {
    width: 1300px;
    font-size: 150px;
}
@media  (max-width: 1900px) {
    .HoverMap[type="details"] {
        width:1130px;
        font-size:230px;
        padding:10px 50px;
    }
}
@media  (max-width: 1500px) {
    .HoverMap[type="details"] {
        width:800px;
        font-size:170px;
        padding:20px 50px;
    }
}
@media  (max-width: 1200px) {
    .HoverMap[type="details"] {
        width:710px;
        font-size:160px;
        padding:10px 45px;
    }
}
@media (max-width: 1000px) {
    .HoverMap[type="details"] {
        width:580px;
        font-size:110px;
        padding:6px 30px;
    }
}
.HoverMap[type="address"]{
    width: 1000px;
    opacity:1;
}
.grey_gradient_box{
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(178,225,255,0.2)), to(transparent));
    background-image: -webkit-linear-gradient(rgba(178,225,255,0.2), transparent);
    background-image:
        -moz-linear-gradient(rgba(178,225,255,0.2), transparent),
        -moz-linear-gradient(rgba(178,225,255,0.2), transparent);
    background-image:
        -o-linear-gradient(rgba(178,225,255,0.2), transparent),
        -o-linear-gradient(rgba(178,225,255,0.2), transparent);
    background-image:
        linear-gradient(rgba(178,225,255,0.2), transparent),
        linear-gradient(rgba(178,225,255,0.2), transparent);
    -moz-background-size: 3px 100%;
    background-size: 1px 100%;
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    border-top: 30px solid rgba(178,225,255,0.2);
    border-bottom: none;
    border-radius: 6px;
    box-shadow: 0px -1px 0px 0px rgba(178,225,255,0.2);
    margin-bottom: 8px;
}
.grey_gradient_box .grey_border_box_header{
    padding: 10px;
}
.New_form_float form div.grey_gradient_box table{
    margin:0px;
}
.Edit_form_float form table.skase,.Edit_form_float form table.skase table,.New_form_float form table.skase {
    color: #898989;
}