/* 
    Document   : sms
    Created on : 26-apr-2013, 11.56.38
    Author     : Strikeweb
    Description:
        Purpose of the stylesheet follows.
*/

#sms-text {
    
}

/* CONTEGGIO CARATTERI */
.collapse {
    position: relative;
    height: 0px;
    overflow: hidden;
    transition: height 0.35s ease 0s;
}

div.conteggio{
    margin-top: 15px;
    margin-left: -30px;
    font-size: 12px;
    color: #666;
    line-height: 25px;
}

div.conteggio span {
    font-weight: bold;
}

div.conteggio i {
    margin-left: 30px;
}



#sms-send-dynamic-alert {
    color: #fff;
    background-color: #FF2700;
    border-radius: 3px;
    padding: 0 5px;
    font-weight: normal;
    clear:both;
    font-size:12px;
}

/** Selezione numeri **/
#sms-recipients-numbers-more .span3 {
    border-left: 1px solid #d5d5d5;
    margin-left: 50px;
    padding-left: 50px;
    padding-bottom: 15px;
}

#sms-recipients-numbers-more .number {
    padding-bottom: 5px;
}

/** Selezione contatti **/
#sms-recipients-contacts-more {
    position: relative;
}

#sms-recipients-contacts-more .collapse-bar {
    position: absolute;
    bottom: -52px;
    left: 0;
    width: 97%;
    text-align: left;
    font-size: 12px;
    line-height: 25px;
}

#sms-recipients-contacts-more .collapse-bar a {
    float: right;
}

/** Selezione gruppi **/
#sms-recipients-groups-more {
    position: relative;
}

#sms-recipients-groups-more tfoot th {
    font-size: 12px;
    line-height: 25px;
    padding: 10px 0;
    font-weight: normal;
}

#sms-recipients-groups-more tfoot th i {
    margin-right: 5px;
    margin-left: 20px;
}

#sms-send-group-smarter {
    position: absolute;
    bottom: -35px;
    left: 20px;
    text-align: left;
}

#sms-recipients-groups-more .collapse-bar a { float: right; }

/*===== Bottoni sopra textarea =====*/
div.sopratext{
	margin-bottom: 5px;
}

/*===== Common =====*/

.selector, .checker, .button, .choice, .uploader { 
    display: -moz-inline-box;
    display: inline-block;
    *display: inline; 
    zoom: 1; 
    vertical-align: middle; 
}
.selector select:focus, .choice input:focus, .checker input:focus, .uploader input:focus { outline: 0; }
.selector, .choice, .checker, .uploader, .selector *, .choice *, .checker *, .uploader * { margin: 0; padding: 0; }
.checker input { 
    -moz-appearance: none; 
    -webkit-appearance: none; 
}

/*===== Select =====*/

.selector { display: -moz-inline-box; display: inline-block; zoom: 1; margin: 0; padding: 0 0 0 8px; cursor: pointer; width: auto; max-width: 280px; position: relative; min-width: 150px;border: 1px solid #d5d5d5; line-height: 28px; height: 28px; 

  background: #f5f5f5; 
  background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); 
  background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); 
  background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); 
  background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); 
  background: linear-gradient(top, #ffffff 0%,#f5f5f5 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);

  box-sizing: content-box; 
  -webkit-box-sizing: content-box; 
  -moz-box-sizing: content-box; 
  -ms-box-sizing: content-box; 

  box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee; 
  -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee; 
  -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee; 
  
}

.selector.fixedWidth { 
    width: 190px; 
}
.selector span { 
    color: #555; 
    text-shadow: 0 1px 0 #fff; 
    text-overflow: ellipsis; 
    display: block; 
    overflow: hidden; 
    white-space: nowrap; 
    line-height: 13px; 
    padding: 8px 31px 7px 0px; 
    font-size: 13px; 
    cursor: pointer; 
    display: block;  
    background: url(images/elements/forms/select_arrows.png) no-repeat 100% 0;
    box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -ms-box-sizing: border-box; 

}

.selector optgroup {border:1px solid #CCC;}
.selector option {padding:0;
                  background-color:#FFF;
                  padding-top:8px;
                  height:20px;
                  text-indent:8px; 
                  font-size:12px;
                  color:#585858;
                  font-weight: normal;
                  border-bottom:1px solid #CCC;}

.selector option.disabled {
    color: #999;
    font-style: italic;
}

.selector option.default {
    font-style: italic;
}

.selector option.smartgroup {
    color: #F20AD7;
    background: url(images/smart-star.png) 97% 50% no-repeat;
    padding-right: 20px;
}

.selector.fixedWidth span { width: 155px; }
.selector select { opacity: 0;  filter: alpha(opacity=0); -moz-opacity: 0; background: none; position: absolute; height: 30px; top: 0; left: 0px; width: 100%; border:1px solid #CCC; }
.selector:active, .selector.active { filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background: #fafafa; }
.selector.focus, .selector.hover, .selector:hover {

  background: #fafafa; 
  background: -moz-linear-gradient(top, #ffffff 0%, #fafafa 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fafafa)); 
  background: -webkit-linear-gradient(top, #ffffff 0%,#fafafa 100%); 
  background: -o-linear-gradient(top, #ffffff 0%,#fafafa 100%); 
  background: -ms-linear-gradient(top, #ffffff 0%,#fafafa 100%); 
  background: linear-gradient(top, #ffffff 0%,#fafafa 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  

}
.selector.focus:active, .selector.focus.active, .selector:hover:active, .selector.active:hover { background: #fcfcfc;  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.selector.disabled, .selector.disabled:active, .selector.disabled.active { background: #eee;  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.selector.disabled span { color: #bbb; }


/*===== Radio =====*/

.choice, .choice span, .choice input { width: 16px; height: 16px; }
.choice { position: relative; margin-right: 6px; margin-top: -3px; }
.choice span { background: url(images/elements/forms/radios.png); display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 0; }
.choice input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center;  margin: 0; vertical-align: top;  }
.choice:active span, .choice.active span { background-position: 0 -34px; }
.choice.focus span, .choice:hover span { background-position: 0 -17px; box-shadow: 0 0 3px rgba(0,0,0,0.075); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.075); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.075); }
.choice.focus:active span, .choice:active:hover span, .choice.active:hover span, .choice.active.focus span { background-position: 0 -34px; }
.choice span.checked { background-position: -17px 0; }
.choice:active span.checked, .choice.active span.checked { background-position: -17px -34px; }
.choice.focus span.checked, .choice:hover span.checked { background-position: -17px -17px; }
.choice.focus:active span.checked, .choice:hover:active span.checked, .choice.focus.active span.checked, .choice.active:hover span.checked { background-position: -17px -34px; }
.choice.disabled span, .choice.disabled:active span, .choice.disabled.active span { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; background-position: 0 0; }
.choice.disabled span.checked, .choice.disabled:active span.checked, .choice.disabled.active span.checked { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; background-position: -18px 0; }

/*===== Navbar dropdowns =====*/

.navbar .nav > li > .dropdown-menu:before, .navbar .nav > .dropdown-menu:before { position: absolute; top: -5px; left: 11px; display: inline-block; border-right: 5px solid transparent; border-bottom: 5px solid #ccc; border-left: 5px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }
.navbar .nav > li > .dropdown-menu:after, .navbar .nav > .dropdown-menu:after { position: absolute; top: -4px; left: 12px; display: inline-block; border-right: 4px solid transparent; border-bottom: 4px solid #ffffff; border-left: 4px solid transparent; content: ''; }
.navbar .nav li.dropdown > a:hover .caret { border-top-color: #555555; border-bottom-color: #555555; }
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { color: #999999; background-color: #ffffff; }
.navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; }
.navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; }
.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { right: -1px; left: auto; }
.navbar > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu, .navbar .nav > .dropdown-menu { margin-top: 2px; }
.navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before, .navbar .nav > .dropdown-menu.pull-right:before, .navbar .nav > .dropdown-menu:before { right: 13px; left: auto; }
.navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after, .navbar .nav > .dropdown-menu.pull-right:after, .navbar .nav > .dropdown-menu:after { right: 14px; left: auto; }
.navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { right: 100%; left: auto; margin-right: -1px; margin-left: 0; }

.navbar-caret { padding: 9px 12px 9px 12px; border-left: 1px solid #E2E2E2; display: block; }
.nav .dropdown-toggle.navbar-caret .caret { border-width: 5px; margin-top: 8px; margin-left: 0; border-top-color: #777777; border-bottom-color: #777777; }
.navbar-caret:hover { background-color: #fcfcfc; }
.navbar-caret:active { background-color: #fff; }
.nav .dropdown-toggle.navbar-caret:hover .caret { border-top-color: #676767; border-bottom-color: #676767; }
.nav .dropdown-toggle.navbar-caret:active .caret { background-color: #fff; border-top-color: #888; border-bottom-color: #888; }
.nav.open .dropdown-toggle { background-color: #ffffff; }
.nav.open .navbar-caret .caret, .nav.open .navbar-caret:hover .caret { border-top-color: #999; border-bottom-color: #999; }
.nav.open .navbar-icon i { color: #999; }


/*===== Navbar form =====*/

.navbar-form { margin-bottom: 0; *zoom: 1; font-size: 0; }
.navbar-form:before, .navbar-form:after { display: table; line-height: 0; content: ""; }
.navbar-form:after { clear: both; }
.navbar-form input { padding: 6px 7px 6px 7px; height: 26px!important; margin: 5px 6px 6px 0; height: auto; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; vertical-align: baseline; font-size: 11px; }
.navbar-form input, .navbar-form .btn { display: inline-block; }



/*===== Navbar nav =====*/

.navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; }
.navbar .nav.pull-right { float: right; margin-right: 0; }
.navbar .nav > li { float: left; border-right: 1px solid #e1e1e1; }
.navbar .nav > li:first-child { border-left: 1px solid #e1e1e1; }
.navbar .nav.pull-right > li { border-right: 0; border-left: 1px solid #e1e1e1; }
.navbar .nav > li > a { float: none; padding: 9px 14px; color: #555; text-decoration: none; }
.navbar .nav > li > a.navbar-icon { border-left: 0; display: block; float: left; padding: 12px; }
.navbar .nav > li > a.navbar-caret { border-left: 0; display: block; float: left; padding: 9px 12px 9px 12px; }
.navbar .nav > li > a.navbar-icon i { margin-right: 0; font-size: 14px; }
.navbar .nav > li > a.navbar-caret .caret { border-width: 5px; margin-top: 8px; border-top-color: #454545; border-bottom-color: #454545; }
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover { background-color: #fcfcfc; color: #4285A7; }
.navbar .nav > li > a:active { background-color: #ffffff; }
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { background-color: #ffffff; color: #999; }



/*===== Navbar misc =====*/

.navbar .progress { width: 40%; float: right; margin: 9px; }
.navbar .progress-slim { margin: 16px 12px; }
.navbar .label, .navbar .badge { margin: 9px; }



/*===== Navbar icons =====*/

.navbar-icons { float: right; margin-right: 8px; font-size: 0; line-height: 1; }
.navbar-icons > li { display: inline-block; line-height: 1; }
.navbar-icons > li > a { display: inline-block; margin: 12px 4px 6px 4px;  }
.navbar-icons > li > a:hover i { color: #E03D22; }
.navbar-icons > li > a > i { font-size: 14px; width: 14px; margin-right: 0; display: block; margin-top: 0; 
  -webkit-transition: all 0.2s ease-in-out; 
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}



/*===== Loading widget =====*/

.loading { margin: 9px 10px; white-space: nowrap; }
.loading > span { display: inline-block; margin-right: 10px; font-size: 11px; font-style: italic; color: #999; }
.loading > img { display: inline-block; }

/*===== Navbar inputs =====*/

.navbar .navbar-input, .navbar .pick-a-date input { padding: 6px 7px 5px 7px; line-height: 13px; margin: 6px; width: 40%; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.navbar .pick-a-date { float: right; margin-right: 12px; white-space: nowrap; }
.navbar .pick-a-date input { width: 100px; display: inline-block; float: none; }
.navbar .pick-a-date img { display: inline-block; }

.span3.border{
    border-left: 1px solid #e1e1e1;
}

/*===== TIPI MESSAGGIO =====*/
.nav-tabs-type li{
	padding: 9px 14px;
	display: inline;
	border-right: 1px solid #d5d5d5;
}

.navbar-inner-tabs-type{
	padding: 9px 0px;
}
.nav-tabs-type li.noborder{
	border-right: none;
}

.span1.sendtype{
    border-left: 1px solid #ddd;
    width: 130px;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-left: 0px;
}

.span1.sendtype:first-child{
    border-left: 0px;
}

.span6.sendtype{
    padding-top: 10px;
    padding-bottom: 6px;
    width: 630px;
}

.margin-left{
    margin-left:7px;
}


/* File uploader */

div.uploader { 
  max-width: 250px;
  width: 100%;
  min-width: 190px;
  position: relative; 
  top: -2px;
  float: left;
  margin-right: 14px;
  overflow: hidden; 
  border: 1px solid #ccc; 
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #eaeaea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#eaeaea));
  background: -webkit-linear-gradient(top, #f8f8f8 0%,#eaeaea 100%);
  background: -o-linear-gradient(top, #f8f8f8 0%,#eaeaea 100%);
  background: -ms-linear-gradient(top, #f8f8f8 0%,#eaeaea 100%);
  background: linear-gradient(to bottom, #f8f8f8 0%,#eaeaea 100%);
  filter: -webkit-linear-gradient(top, #f8f8f8 0%,#eaeaea 100%);
  padding: 2px 2px 2px 8px; 
  line-height: 28px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 0 #fff;
  box-shadow: inset 0 1px 0 #fff, 0 1px 0 #fff;
  
  box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  -ms-box-sizing: border-box;
}

div.uploader span.action { 
  width: 28px; 
  height: 28px; 
  background: url(images/elements/forms/upload_button.png);
  font-size: 11px; 
  font-weight: bold; 
  cursor: pointer; 
  float: right; 
  text-indent: -9999px; 
  display: inline; 
  overflow: hidden; 
  cursor: pointer; 
}

div.uploader:active span.action { 
  background: url(images/elements/forms/upload_button_active.png);
}

div.uploader span.filename { 
  color: #707070; 
  max-width: 300px; 
  font-size: 11px; 
  line-height: 28px;
  text-shadow: 0 1px 0 #fff;
  float: left; 
  display: block; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  white-space: nowrap; 
  cursor: default; 
}

div.uploader input { 
  min-width: 100%; 
  opacity: 0; 
  filter: alpha(opacity:0); 
  position: absolute; 
  top: 0; 
  left: 0; 
  bottom: 0; 
  float: right; 
  height: 26px; 
  z-index: 99;
  line-height: 62px;
  border: none; 
  cursor: pointer; 
}

label.form {
  font-size: 12px;
  color: #5f5f5f;
}

label.form .checker,
label.form .radio {
  margin-right: 4px;
}

.mainNavigation div.uploader {
  float: none;
}

#sms-templates {
    padding: 10px;
}

.sms-template {
    margin: 8px;
    padding: 0;
    background: #FFF;
    width: 275px;
    float: left;
    position: relative;
}

.sms-template .navbar {
    margin-bottom: 0px;
}

.sms-template .widget-content {
    background: #FFF;
    padding: 10px 15px;
    word-wrap: break-word;
    min-height: 50px;
    position: relative;
    margin: 0;
}

/*
.sms-template .hover {
    position: absolute;
    background: rgba(0,0,0,.50);
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display:none;
}*/

.sms-template .hover {
    position: absolute;
    background: rgba(0,0,0,.50);
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sms-template .hover .nav {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -30px;
    width: 100%;
}

.sms-template .hover .nav .btn {
    margin-bottom: 5px;
}
/*
.sms-template .hover a.btn {
    position: absolute;
    top: 50%;
    left: 50%;
     margin-left: -80px;
    margin-top: -12px;
}*/

#sms-template-create-form .conteggio, 
#sms-template-edit-form .conteggio {
    padding-left: 10px;
}

.collapse-bar {
    margin: 0 5px;
    background: #f7f7f7; /* Old browsers */
        background: -moz-linear-gradient(top,  #d5d5d5 0%, #f7f7f7 15%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d5d5), color-stop(15%,#f7f7f7)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #d5d5d5 0%,#f7f7f7 15%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #d5d5d5 0%,#f7f7f7 15%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #d5d5d5 0%,#f7f7f7 15%); /* IE10+ */
        background: linear-gradient(to bottom,  #d5d5d5 0%,#f7f7f7 15%); /* W3C */

    border: 1px solid #ddd;
    border-top: none;
    padding: 2px 10px 3px;
    text-align: right;
    clear: both;
    height: 25px;
    margin-bottom: 20px;
}

.collapse-bar a {
    font-size: 14px;
    line-height: 25px;
    color: #5599EE;
    cursor: pointer;
}

.collapse-bar a i {
    margin-left: 10px;
}

/**
* List
**/
td.big-icon {
    width: 25px;
    text-align: center;
}

td.datetime {
    width: 110px;
}

td.recipients {
    width: 80px;
}

td.frequency {
    width: 80px;
}

td.actions {
    padding: 5px;
    width: 80px;
    text-align: center;
}



td.action {
    padding: 5px;
    width: 25px;
    text-align: center;
}

td.repeats {
    width: 80px;
}

td.status {
    width: 40px;
}

td.phone-number {
    width: 130px;
}

td {
    word-break: break-all;
}
td.switch {
    padding:8px;
    width:150px;
    text-align:center;
}

#sms-send-review td {
    padding: 5px 10px;
    line-height: 25px;
}

#sms-send-review td.text {
    line-height: 20px;
    padding: 20px 10px;
    color: #888;
}

#sms-send-review td i { margin-right: 10px; }