/* inner container positioned absolutely and holds content */

#valvomoDesc {
	position: absolute; 
	top: 5px;
	 left: 3px; 
	text-align: left; 
	width: 240px;
	line-height: 20px;
}

.popup {
    position: absolute;
    border-radius: 5px;
    z-index: 9999;
    color: #343434;
    
}

.sw_trans {
    background-color:rgba(0,0,0,0.25);
    
}

.sw_trans2 {
    background-color:rgba(0,0,0,0.6); 
    
}

.sw_trans_red {
    background-color:rgba(255,0,0,0.25);
}

.sw_trans_blue {
    background-color: #1BA1E2;
    
}

.sw_trans_green {
    background-color: #008A00;
}


.sw_dropdown, .sw_dropdown option, .sw_dropdown_blue, .sw_dropdown_blue option {
    padding: 4px;
    border-radius: 4px;
    color: #fff;
}

.sw_dropdown {
    border: 1px solid #c05220;
    background: #c05220;
}

.sw_dropdown_blue {
    border: 1px solid #0050EF;
    background: #5589eb;
}

.sw_dropdown_white {
    padding: 3px;
    border-radius: 4px;
    background-color: #eee ;
    color: #000;
    border: 1px solid #999;
}

.sw_input, .sw_input_white {
    border: 1px solid #c05220;
    padding: 4px;
    background: #c05220;
    color: #fff;
    border-radius: 4px;
}

.sw_input_white {
    background-color: #eee ;
    color: #000;
    border: 1px solid #999;
}

.sw_input_white:hover, .sw_dropdown_white:hover {
    border: 1px dotted #fff;
    background-color: #ccc !important;
}



.sw_input:hover, .sw_dropdown:hover {
    border: 1px dotted #fff;
    background: #d18564;
/*
    -webkit-box-shadow: inset 1px -1px 23px -8px rgba(255,255,255,1);
-moz-box-shadow: inset 1px -1px 23px -8px rgba(255,255,255,1);
box-shadow: inset 1px -1px 23px -8px rgba(255,255,255,1);
*/
}

.sw_dropdown_blue:hover{
    border: 1px dotted #fff;
    background: #5589eb;
}


#dash .normal {
    margin-right: 365px;
}

#dash .full {
    margin-right: 25px;
}

#dash {
    -webkit-box-shadow: inset 10px 10px 12px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 10px 10px 12px -12px rgba(0,0,0,0.75);
    box-shadow: inset 10px 10px 12px -12px rgba(0,0,0,0.75);
}

#switch_dash {
    margin-top: 10px;
    background: #aaa; 
    font-size: 12px;
}

#switch_dash .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    outline: 1px solid grey;
}

#switch_action  {
    position: relative; 
    border: 1px solid #777; 
    font-size: 12px;
}

#sw_dash_act_toggle {
    padding-top: 5px;
    word-wrap: break-word;
    letter-spacing: 6px;
    border: 1px solid #aaa; 
    border-radius: 5px 0 0 5px; 
    position: absolute; 
    top: 20px; 
    right: 0; 
    background: #ccc; 
    width: 25px; 
    height: 200px;
}

#sw_dash_activity {
    right: 10px;
}

#sw_dash_activity.full {
    right: 10px !important;
}

#sw_channels .item1 {
    color: #343434;
    background: #dedede;
}

#sw_channels .item0 {
    color: #343434;
    background: #cecece;
}

.desklet_toggle {
    border-radius: 0 5px 5px 0; 
   
    
    width: 30px; 
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0;
    cursor: pointer;
    background: #006e2e; /* Old browsers */
    background: -moz-linear-gradient(top,  #006e2e 0%, #014200 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006e2e), color-stop(100%,#014200)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #006e2e 0%,#014200 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #006e2e 0%,#014200 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #006e2e 0%,#014200 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #006e2e 0%,#014200 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#014200',GradientType=0 ); /* IE6-9 */
        
    z-index: 1; 
}

/* LIVE */

.sw_head {
     font-weight: bold;
     font-size: 13px;
     /* margin-bottom: 4px;*/
}

.sw_box {
    margin: 5px;
    height: 75px;
    font-size: 14px; 
    color: white; 
    float: left; 
    padding: 5px;
    padding-left: 7px; 
    box-shadow: 0 0 4px 0px #454545;
    position: relative;
}

.sw_box_mobile {
    color: white;
    position: relative;
    height: 70px;
    font-size: 14px;
    border-top: 1px dotted #aaa; 
}

.sw_box_mobile_sub {
    padding: 7px;
    
}

.sw_col1 {width: 95%;}
.sw_col2 {width: 44%;}
.sw_col3 {width: 30%; }
.sw_col4 {width: 22.5%;}
.sw_col5 {width: 18%;}
.sw_col6 {width: 15%;}

.sw_img_exten {line-height: 28px; background: url(https://somicvoice.fi/include/st.php?image=images/switch/direct.png&width=32) no-repeat; width: 36px; height: 32px;}
.sw_img_mob {line-height: 28px; background: url(https://somicvoice.fi/include/st.php?image=images/switch/mob.png&width=32) no-repeat; width: 36px; height: 32px;}
.sw_img_cal {line-height: 28px; background: url(https://somicvoice.fi/include/st.php?image=images/switch/calendar.png&width=32) no-repeat; width: 36px; height: 32px;}
.sw_img_msg {line-height: 28px; background: url(https://somicvoice.fi/include/st.php?image=images/switch/message.png&width=32) no-repeat; width: 36px; height: 32px;}
.sw_img_park {line-height: 28px; background: url(https://somicvoice.fi/include/st.php?image=images/switch/park.png&width=32) no-repeat; width: 36px; height: 32px;}




.txt_shadow {
    text-shadow: 1px 1px 0 rgba(33,33,33,.4);
}

.sw_box .image, .sw_box_mobile .image {
    border-left: 1px solid #ccc; 
    position: absolute; 
    top: 0; 
    right: 0;  
    height: 75px; 
    background-position: top center; 
    background-repeat: no-repeat;
}

.sw_options {
    top: 70px; 
    left: 0;
    right: 0; 
    position: absolute; 
    /*width: 250px;*/ 

    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
   
   box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.33);
    
    /*
    box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.57);
    -webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.57);
    -moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.57);
 */   
    
}

.sw_closer {
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    line-height: 16px !important;
}

.styled {
   width: 220px;
   height: 30px;
   background: #dedede;
   overflow: hidden;
   border: 1px solid #ccc;
   padding: 5px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
}

.groupimg {
    background: url(https://somicvoice.fi/images/icon/24/4502-users.png) no-repeat right #ddd;
    background-position: 98%;
}

.istyled,.istyled_f {
   width: 212px;
   height: 22px;
   background: #dedede;
   overflow: hidden;
   padding: 3px;
   padding-left: 8px;
   border: 1px solid #ccc;
   vertical-align: top;
   border-radius: 4px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
}

.istyled_f {
    width: 96% !important;
}

.cap {
    border-radius: 4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    
    background: #cccccc; /* Old browsers */
    background: -moz-linear-gradient(top,  #cccccc 0%, #aaaaaa 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(100%,#aaaaaa)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cccccc 0%,#aaaaaa 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cccccc 0%,#aaaaaa 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cccccc 0%,#aaaaaa 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cccccc 0%,#aaaaaa 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-9 */
    font-weight: bold; 
    text-shadow: 1px 1px 0 rgba(33,33,33,.4);
}

.subcap {
    background: #aaa;
}

.stripes_w {
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(45deg,
	rgba(255,255,255,.15) 25%,
	transparent 25%,
	transparent 50%,
	rgba(255,255,255,.15) 50%,
	rgba(255,255,255,.15) 75%,
	transparent 75%,
	transparent);
	/*behavior: url(/css/pie/PIE.htc);*/
}

.stripes {
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(45deg,
	rgba(255,255,255,.15) 10%,
	transparent 10%,
	transparent 20%,
	rgba(255,255,255,.15) 20%,
	rgba(255,255,255,.15) 30%,
	transparent 30%,
	transparent 40%,
	rgba(255,255,255,.15) 40%,
	rgba(255,255,255,.15) 50%,
	transparent 50%,
	transparent 60%,
	rgba(255,255,255,.15) 60%,
	rgba(255,255,255,.15) 70%,
	transparent 70%,
	transparent 80%,
	rgba(255,255,255,.15) 80%,
	rgba(255,255,255,.15) 90%,
	transparent 90%,
	transparent);

}

.stripes_h {
	background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
	background-image: linear-gradient(90deg,
	rgba(255,255,255,.15) 14%,
	transparent 14%,
	transparent 28.5%,
	rgba(255,255,255,.15) 28.5%,
	rgba(255,255,255,.15) 42.5%,
	transparent 42.5%,
	transparent 57%,
	rgba(255,255,255,.15) 57%,
	rgba(255,255,255,.15) 71%,
	transparent 71%,
	transparent 85%,
	rgba(255,255,255,.15) 85%,
	rgba(255,255,255,.15) 99%,
	transparent 99%,
	transparent);

}

.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.ts { text-shadow: 1px 1px 0 rgba(33,33,33,.4); }

.sw_bg_deep { background: #3f4c6b;  }
.sw_bg_current { background: #b1d6fb; }
.sw_bg_white {background-color: #fcfcfc;}
.sw_bg_lwhite {background-color: #ffffff;}
.sw_bg_green {background-color: #008A00;}
.sw_bg_lgreen, .sw_bg_altgreen  {background-color: #60A917;}
.sw_bg_blue {background-color: #0050EF;}
.sw_bg_lblue {background-color: #7db9e8;}
.sw_bg_lblue2 {background-color: #4D89B8;}
.sw_bg_cyan {background-color: #1BA1E2;}
.button.sw_bg_cyan:hover {background: #787878;}
.sw_bg_lila, .sw_bg_lilly {background-color: #6A00FF;}
.sw_bg_lyellow {background-color: #E3C800;}
.sw_bg_yellow {background-color: #F0A30A;}
.sw_bg_brown {background-color: #825A2C;}
.sw_bg_red {background-color: #A20025;}
.sw_bg_lred {background-color: #f16f5c;}
.sw_bg_pink , #sipuser .magenta {background-color: #F472D0;}
.sw_bg_magenta{background-color: #D80073; }
.sw_bg_orange {background-color: #FA6800;}
.sw_bg_lorange {background-color: #F0A30A;}
.sw_bg_dorange {background-color: #b34a1c;}
.sw_bg_llyellow { background-color: #ffff88; }
.sw_bg_gray, .sw_bg_past {background-color: #989898;}
.sw_bg_lgray {background-color: #ababab;}
.sw_sub {
	background-image: -webkit-linear-gradient(rgba(255,255,255,.15) 100%,transparent 25%);
	background-image: linear-gradient(rgba(255,255,255,.15) 100%,transparent 25%);
}

.sw_hover:hover {
    background: #ccc;
}



/* dialpad */
.dialPad li,
.dialPad div,
.dialPad p, 
.dialPad ol {
    margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

.dialPad ol {
  list-style: none;

}

.dialPad .dials .digits {
  float: left;
  width: 33.33%;
}

.dialPad .dials .digitsh {
  float: left;
  width: 50%;
}

.dialPad li {
  display: list-item;
  text-align: -webkit-match-parent;
}

.dialPad li:active {
        background:#b3d4fc;text-shadow:none
}

.dialPad .dials {
  margin: -1px 0 0 -1px;
  background: #1d1918;
  cursor: pointer;
}

.dialPad .dials:before, .dialPad .dials:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.compact .dials .digits p sup, .compact .dials .digitsh p sup {
  text-transform: uppercase;
  color: #c1c1c1;
}

.dialPad .number2 {
  position: relative;
  z-index: 2;
  padding: 15px 20px;
  color: #4d4d4d;
  font-weight: 300;
  font-size: 40px;
  background: #fff;
}
.compact .dials .digits p strong, .compact .dials .digitsh p strong {
  font-size: 18px;
}
.dialPad .dials .digits p strong, .dialPad .dials .digitsh p strong {
  font-size: 24px;
  margin-right: 8px;
  color: #fff;
}
.compact .dials .digits p, .compact .dials .digitsh p {
  padding: 25px 15px;
}
.dialPad .dials .digits p, .dialPad .dials .digitsh p {
  text-align: center;
  font-weight: 600;
  padding: 15px 20px;
  border-top: 1px solid #4d4d4d;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #4d4d4d;
}

section, summary {
  display: block;
}

#main-wrapper {
  margin: 0;
  padding: 0;
  border: 0;
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

.pad-action {
    background-color: #7cbc0a;
}

.pad-hangup {
    background-color: #f02f17;
}