@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../fonts/SourceSansPro-Regular.otf) ;
}


html {
    height:100%;
}


.orange { color: #FF2700; }

#container {
    min-height: 100%;
    height: auto !important;
    margin: 0 auto -100px;
}

#main-content {
    padding-bottom: 150px;
}

ul, ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

hr {
  margin: 0;
  border: 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #fff;
  height: 0;
  overflow: hidden;
  line-height: 0;
  clear: both;
}

a {
  color: #FF2700;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #666;
  text-decoration: none !important;
}

.wrapper {
    width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    display: block;
    clear: both;
}

@media screen and (max-width: 1200px) {
    .wrapper {
        width: 98%;
        margin: 0;
        padding: 0 1%;
        min-width: 500px;
    }
}

#top {
    background: #fff;
}

#top .wrapper {
    background: url(../../../logo/logo.png) 15px 5px no-repeat;
    height: 40px;
    padding: 20px 0 10px;
    position: relative;
}

#top .wrapper #common-logo-link {
    display: block;
    position: absolute;
    width: 170px;
    height: 60px;
    left: 10px;
    top: 5px;
}

#top-menu {
    margin: 1px 30px 0 0;
    padding: 0;
    list-style: none;
    float: left;
    height: 29px;
}

#top-menu li {
    float: left;
    font-size: 12px;
    line-height: 29px;
    border-right: 1px solid #ddd;
    padding: 0 15px;
}

#top-menu li.noborder { border: none; }

#top-menu li, #top-menu li a { color: #666; }
#top-menu li a.orange { color: #FF2700; }

#top-menu li .btn {
    background: #fff;
    padding: 1px 11px;
    margin-right: 10px;
}

#top-menu ul.credits-popup {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    width:250px;
    z-index: 10000;
}

#top-menu .popover .popover-title span {
    float: right;
    font-weight: normal;
    font-size: 12px;
}

#top-menu ul.credits-popup li {
    display: block;
    border: none;
    border-bottom: 1px solid #ddd;
    float: none;
    padding: 2px 10px;
    margin: 0;
    line-height: 26px;
}

#top-menu ul.credits-popup li i {
    margin-right: 15px;
    float: left;
}

#top-menu ul.credits-popup li span {
    float: right;
    border: 1px solid #ccc;
    border-radius: 20px;
    color: #333;
    padding: 0 10px;
    line-height: 20px;
    margin: 2px 0;
    
}

#top-menu  .credit_subscription {
    
    padding:10px;
    width:230px;
    
}

#top-menu .credit_status {
    padding:3px 5px;
    font-size:13px;
    font-weight: bold;
    color:#666;
    background-color:#DDD; 
}

#top-menu .credit_status.active{
  color:#FFF;
  background-color: #FF2700;

}
#top-menu .credit_text{
    font-size:12px;
}

#top-menu .popover .popover-content {
    padding: 5px 0 15px;
    margin: 0;
}

#top-menu .popover .popover-content label {
    font-size: 12px;
    padding-left: 10px;
}

#top-menu .popover .popover-content .btn {
    margin-right: 10px;
}

#common-credits-trigger {
    cursor: pointer;
}

#common-menu {
    background: url(images/common-menu.png) 50% 0 repeat-x;
    overflow: visible;
}

#common-menu ul#common-mainmenu {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 66px;
}

#common-menu ul#common-mainmenu li {
    float: left;
    width: 20%;
    height: 66px;
    line-height: 26px;
    background: url(images/common-menu-separator.png) 100% 0 repeat-y;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}

#common-menu ul#common-mainmenu li img.menualert {
    position: absolute;
    top: 8px;
    left: 52px;
}


#common-menu ul#common-mainmenu li span {
    display: block;
    padding: 10px 10px 10px 0px;
    background: url(images/menu/sms.png) 20px 15px no-repeat;
}

#common-menu ul#common-mainmenu li.mail span { background-image: url(images/menu/mail.png); }
#common-menu ul#common-mainmenu li.contacts span { background-image: url(images/menu/contacts.png); }
#common-menu ul#common-mainmenu li.shop span { background-image: url(images/menu/shop.png); }
#common-menu ul#common-mainmenu li.sms span { background-image: url(images/menu/sms.png); }
#common-menu ul#common-mainmenu li.stats span { background-image: url(images/menu/stats.png); }
#common-menu ul#common-mainmenu li.subaccounts span { background-image: url(images/menu/subaccounts.png); }

#common-menu ul#common-mainmenu li.active span {
    background-position: 20px -65px;
}

#common-menu ul#common-mainmenu li:hover span {
    background-position: 20px -145px;
}

#common-menu ul#common-mainmenu li span a {
    display: block;
    padding: 10px 0 10px 80px;
    color: #FFF;
}

#common-menu ul#common-mainmenu li ul {
    display: none;
    position: absolute;
    top: 55px;
    left: 20px;
    background: #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,.5);
    padding: 10px 0 0 0;
    width: 220px;
    z-index: 100;
}

#common-menu ul#common-mainmenu li ul li {
    width: 220px;
    background: none;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    height: 30px;
}

#common-menu ul#common-mainmenu li ul li a {
    padding: 4px 10px 3px;
    display: block;
    width: 200px;
    color: #666;
    line-height: 23px;
    height: 23px;
}

#common-menu ul#common-mainmenu li ul li a:hover {
    color: #FF2700;
    background-color: #f7f7f7;
}

.alert {
    display: block;
    color: #FFF;
    padding: 12px 0 10px;
    line-height: 15px;
    text-align: center;
    background: #FF2700 url(images/alertbg.png) 0 0 repeat-x;
    box-shadow: 0 2px 2px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.25);
}

/*===== TITOLO PAGINA E MENU SECONDARIO =====*/

#page-header { 
    height: 60px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.30);
    clear: both; 
}

#page-header h1 {
    margin: 15px 0; 
    padding: 0;
    color: #555; 
    font-weight: 300; 
    font-size: 24px;
    line-height: 30px;
    float: left;
}

#page-header h1 img {
    margin-right: 10px;
    float: left;
}

#action-tabs {
    float: right;
    font-size: 0; 
    text-align: right;
    height: 50px;
    padding-top: 10px;
}

#action-tabs li { 
    display: inline-block; 
    position: relative; 
    height: 47px;
    margin: 0 0 0 40px;
}

#action-tabs li a { 
    color: #666; 
    display: block; 
    height: 27px;
    padding: 10px 0;
}

#action-tabs li a:hover { 
    color: #FF2700;
}

#action-tabs li a:hover span {
    background-color: #f5f5f5;
}
#action-tabs li.current a:hover span,
#action-tabs li a span {
    display: inline-block;
    padding: 5px 6px;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #eee;
    border-radius: 2px;
}

#action-tabs li.current { 
    border-bottom: 3px solid #FF2700; 
}

#action-tabs li.current a, #action-tabs li.current a:hover { 
    color: #444;
}

#action-tabs li.current:before { 
    display: block;
    border-bottom: 4px solid #FF2700; 
    border-right: 4px solid transparent; 
    border-left: 4px solid transparent; 
    content: ""; 
    position: absolute; 
    top: 44px;
    left: 50%; 
    margin-left: -4px; 
}

/*========= BREADCRUMBS ===========*/
.breadcrumb { 
    float: left; 
    padding: 12px 0 10px;
}

.breadcrumb li { 
    float: left; 
}

.breadcrumb li:first-child { 
    background: url(images/icons/crumbs_home.png) no-repeat 0 13px; 
}

.breadcrumb li:first-child a { 
    padding-left: 17px; 
}

.breadcrumb li a { 
    color: #555; 
    font-size: 12px; 
    display: block; 
    padding: 6px 16px 5px 12px; 
    line-height: 21px; 
    background: url(images/icons/crumbs_arrow.png) no-repeat 100% 14px; 
}

.breadcrumb li a:hover { 
    color: #FF2700; 
}

.breadcrumb .active > a, .breadcrumb .active > a:hover { 
    color: #999; 
    background: none; 
}

/*======== TITOLI =========*/

.title, .modal-title {
    padding: 7px 0 12px;
}

.title h5, .modal-title h5 {
    display: inline;
    font-size: 18px;
    font-weight: bold;
    color: #555;
    margin: 0;
    padding: 0;
    line-height: 25px;
}

.title h5 i, .modal-title h5 i {
    margin-right: 10px;
    float: left;
}

.title p.subtitle, .modal-title p.subtitle {
    display: inline;
    padding-left: 40px;
    font-size: 12px;
    color: #999;
    line-height: 18px;
}

/*========== WIDGET ===============*/
.widget {
    border: 1px solid #ccc; 
    margin-bottom: 30px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    background: #f8f8f8;
    font-size: 14px;
    color: #555;
}

.widget .widget-content {
    background: #f8f8f8;
    padding: 35px 15px;
    margin: 0 2px;
}

.widget.type {
    margin-bottom: 0;
}

.no-padding {
    padding: 0 !important;
}

.form-horizontal .form-row {
    border-bottom: 1px solid #d2d2d2;
    padding: 25px 15px;
}

.form-horizontal .form-row:last-child,
.form-horizontal .form-row.last {
    border-bottom: 0;
}

.form-horizontal .form-row label.field-name {
    float: left;
    line-height: 30px;
    width: 17%;
    word-wrap: break-word;
}

.form-horizontal .form-row .field {
    position: relative;
    margin-left: 18%;
}

form {
    margin: 0 0 20px;
}

div.right{
    display:inline;
    float: right;
}

h6.widget-title {
    padding: 20px 0 0 15px;
    font-size: 14px;
    color: #666;
    line-height: 15px;
    margin: 0;
}

/*====== BUTTONS ===========*/

.large-button, .large-button:focus {
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    margin-left: 30px;
    padding: 18px 36px 18px;
    background-color: #fafafa;
      background-image: -moz-linear-gradient(top, #fafafa, #f2f2f2);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f2f2f2));
      background-image: -webkit-linear-gradient(top, #fafafa, #f2f2f2);
      background-image: -o-linear-gradient(top, #fafafa, #f2f2f2);
      background-image: linear-gradient(to bottom, #fafafa, #f2f2f2);
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
    color: #999;
}
.large-button:hover {
    background: #f2f2f2;
    background: linear-gradient(to bottom, #f2f2f2 0%, #fcfcfc 100%) repeat scroll 0 0 transparent;
}
.button-orange, .button-orange:focus {   
    border: 1px solid #ff2703; 
    background-color: #fc350e;
    background-image: -moz-linear-gradient(top, #fc350e, #d52e1b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fc350e), to(#d52e1b));
    background-image: -webkit-linear-gradient(top, #fc350e, #d52e1b);
    background-image: -o-linear-gradient(top, #fc350e, #d52e1b);
    background-image: linear-gradient(to bottom, #fc350e, #d52e1b);
    color: #fff;
}

.button-orange:hover {
    background-color: #d52e1b;
    background-image: -moz-linear-gradient(top, #d52e1b, #fc350e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d52e1b), to(#fc350e));
    background-image: -webkit-linear-gradient(top, #d52e1b, #fc350e);
    background-image: -o-linear-gradient(top, #d52e1b, #fc350e);
    background-image: linear-gradient(to bottom, #d52e1b, #fc350e);
    color: #fff;
}

/*===== NAV TABS =========*/

.nav {
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
}

.nav > li > a {
  display: block;
}

.nav > li > a > img {
  max-width: none;
}

.nav > .pull-right {
  float: right;
}

.nav-tabs {
  *zoom: 1;
}

.nav-tabs:before,
.nav-tabs:after {
  display: table;
  line-height: 0;
  content: "";
}

.nav-tabs:after {
  clear: both;
}

.nav-tabs > li {
  float: left;
}

.nav-tabs > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 25px;
}

.nav-tabs {
  background: #fff;
  border-bottom: 1px solid #ccc;
}

.nav-tabs > li {
  margin-bottom: -1px;
  border-right: 1px solid #ccc;
}

.widget-header .nav-tabs > li:first-child {
  margin-left: -1px;
}

.widget-header .nav-tabs.pull-right > li:last-child {
  margin-right: -1px;
}

.nav-tabs > li > a {
  height: 40px;
  line-height: 40px;
  display: block;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  color: #666;
  border-bottom: 1px solid #ccc;
  padding-right: 60px;  
}

.nav-tabs > li > a i {
    margin-right: 10px;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  color: #666;
  cursor: default;
  background-color: #f8f8f8;
  border-bottom: 1px solid #f8f8f8;
}


/* #footer {
    background: #555 url(images/common-footer.png) 50% 0 repeat-x;
    color: #999;
    text-align: center;
    padding: 10px 0 40px 0;
    font-size: 0.9em;
    clear: both;
    height: 50px;
} */

/*===== Button groups =====*/

.btn { font-size: 12px; text-align: center; color: #555; font-weight: normal; display: inline-block; margin: 0;
       padding: 2px 12px 1px 12px;
       line-height: 25px; border: 1px solid #d5d5d5; 
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
 vertical-align: middle; 
  /*-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);*/
}

.modal-footer .btn.submit {
    border: 1px solid #ff2703; 
    background-color: #fc350e;
    background-image: -moz-linear-gradient(top, #fc350e, #d52e1b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fc350e), to(#d52e1b));
    background-image: -webkit-linear-gradient(top, #fc350e, #d52e1b);
    background-image: -o-linear-gradient(top, #fc350e, #d52e1b);
    background-image: linear-gradient(to bottom, #fc350e, #d52e1b);
}

.btn:hover {
    color: #FF2700;
    background-color: #fefefe;
    background-image: -moz-linear-gradient(top, #f2f2f2, #fefefe);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fefefe));
    background-image: -webkit-linear-gradient(top, #f2f2f2, #fefefe);
    background-image: -o-linear-gradient(top, #f2f2f2, #fefefe);
    background-image: linear-gradient(to bottom, #f2f2f2, #fefefe);
    background-repeat: repeat-x;
    border-color: #d5d5d5;
}

.btn.disabled {
    color: #999;
    background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
}

.btn.btn-orange {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.20);
    border: 1px solid #ff2703; 
    background-color: #fc350e;
    background-image: -moz-linear-gradient(top, #fc350e, #d52e1b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fc350e), to(#d52e1b));
    background-image: -webkit-linear-gradient(top, #fc350e, #d52e1b);
    background-image: -o-linear-gradient(top, #fc350e, #d52e1b);
    background-image: linear-gradient(to bottom, #fc350e, #d52e1b);
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    padding: 2px 20px 1px 20px;
}
.modal-footer .btn.submit.disabled,
.btn.btn-orange.disabled { opacity: .5; }

.btn.btn-orange:hover {
    border: 1px solid #ff2703; 
    background-color: #d52e1b;
    background-image: -moz-linear-gradient(top, #d52e1b, #fc350e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d52e1b), to(#fc350e));
    background-image: -webkit-linear-gradient(top, #d52e1b, #fc350e);
    background-image: -o-linear-gradient(top, #d52e1b, #fc350e);
    background-image: linear-gradient(to bottom, #d52e1b, #fc350e);
}

.btn.btn-grey {
    font-size: 14px;
    font-weight: normal;
    padding: 2px 20px 1px 20px;
    color: #fff; 
    border: 1px solid #b0b0b0; 
  background-color: #989898;
  background-image: -moz-linear-gradient(top, #989898, #6f6f6f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#989898), to(#6f6f6f));
  background-image: -webkit-linear-gradient(top, #989898, #6f6f6f);
  background-image: -o-linear-gradient(top, #989898, #6f6f6f);
  background-image: linear-gradient(to bottom, #989898, #6f6f6f);
  background-repeat: repeat-x;

  -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.btn-grey:hover {
    background-color: #6f6f6f;
    border: 1px solid #b0b0b0; 
  background-image: -moz-linear-gradient(top, #6f6f6f, #989898);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6f6f6f), to(#989898));
  background-image: -webkit-linear-gradient(top, #6f6f6f, #989898);
  background-image: -o-linear-gradient(top, #6f6f6f, #989898);
  background-image: linear-gradient(to bottom, #6f6f6f, #989898);
  color: #FFF;
}

.btn-group { position: relative; display: inline-block; *display: inline; *margin-left: .3em; font-size: 0; white-space: nowrap; vertical-align: middle; *zoom: 1; }
.btn-group:first-child { *margin-left: 0; }
.btn-group + .btn-group { margin-left: 5px; }
.btn-toolbar { font-size: 0; }
.btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group { margin-left: 5px; }
.btn-group > .btn { position: relative; }
.btn-group > .btn + .btn { margin-left: -1px; }
.btn-group > .btn-mini { font-size: 10.5px; }
.btn-group > .btn-small { font-size: 11.9px; }
.btn-group > .btn-large { font-size: 17.5px; }
.btn-group > .btn:first-child { margin-left: 0; }
.btn-group > .btn.large:first-child { margin-left: 0; }
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; }
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; }
.btn-group > .btn + .dropdown-toggle { *padding-top: 5px; padding-right: 8px; *padding-bottom: 5px; padding-left: 8px; }
.btn-group > .btn + .dropdown-toggle .caret { margin-left: 0; }
.btn-group > .btn-mini + .dropdown-toggle { *padding-top: 2px; padding-right: 5px; *padding-bottom: 2px; padding-left: 5px; }
.btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; }
.btn-group > .btn-large + .dropdown-toggle { *padding-top: 7px; padding-right: 12px; *padding-bottom: 7px; padding-left: 12px; }
.btn-group.open .dropdown-toggle { background-image: none; }
.btn-group.open .btn.dropdown-toggle { background-color: #fafafa; }
.btn-group.open .btn-primary.dropdown-toggle { background-color: #46A2D9; }
.btn-group.open .btn-warning.dropdown-toggle { background-color: #E49A4D; }
.btn-group.open .btn-danger.dropdown-toggle { background-color: #D65F4D; }
.btn-group.open .btn-success.dropdown-toggle { background-color: #69B076; }
.btn-group.open .btn-info.dropdown-toggle { background-color: #53B8D6; }
.btn-group.open .btn-inverse.dropdown-toggle { background-color: #5E5E5E; }
.btn-group-vertical { display: inline-block; *display: inline; *zoom: 1; }
.btn-group-vertical > .btn { display: block; float: none; max-width: 100%; width: 100%; }
.btn-group-vertical > .btn + .btn { margin-top: -1px; margin-left: 0; }

.btn .caret { margin-top: 11px; margin-left: 10px; }
.btn-mini .caret, .btn-small .caret, .btn-large .caret { margin-top: 6px; }
.btn-large .caret { border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; }
.dropup .btn-large .caret { border-bottom-width: 5px; }
.btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; }



/*========= MODAL =================*/

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; }
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop, .modal-backdrop.fade.in { opacity: 0.6; filter: alpha(opacity=60); }
.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #ffffff;
    border: 1px solid #c4c4c4; 
    border-top: none;
    outline: none;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding-box;
          background-clip: padding-box;
    font-size: 14px;
}
.modal.smaller {
    width: 380px;
    margin-left: -190px
}
.modal.bigger {
    width: 650px;
    margin-left: -325px
}
.modal.xlarge {
    width: 930px;
    margin-left: -465px;
}
.modal.maxheight {
    height: 80%;
}
.modal.maxheight .modal-body {
    height: 87%;
    max-height: none;
}

.modal.fade { top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
          transition: opacity 0.3s linear, top 0.3s ease-out;
}
.modal.fade.in { top: 10%; }
.modal.wait {
    border: none;
    background: none;
    height: 100px;
    background: url(images/loader.gif) 50% 0 no-repeat;
    -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.modal-header {
    padding: 9px 16px 11px;
    border-bottom: 1px solid #d5d5d5;
    background: #fcfcfc;
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #f2f2f2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f2f2f2));
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#f2f2f2 100%);
    background: -o-linear-gradient(top,  #fcfcfc 0%,#f2f2f2 100%);
     background: -ms-linear-gradient(top,  #fcfcfc 0%,#f2f2f2 100%);
    background: linear-gradient(top,  #fcfcfc 0%, #f2f2f2 100%);
}
.modal-header .close {
    margin-top: 0;
    opacity: .8;
}

.modal-header h3 {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
}
.modal-body { position: relative; max-height: 400px; padding: 14px; overflow-y: auto; }
.modal-form { margin-bottom: 0; }
.modal-footer { padding: 6px; margin-bottom: 0; text-align: right; background-color: #fff; border-top: 1px solid #d5d5d5; *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
     -moz-box-shadow: inset 0 1px 0 #ffffff;
          box-shadow: inset 0 1px 0 #ffffff;
}
.modal-footer:before, .modal-footer:after { display: table; line-height: 0; content: ""; }
.modal-footer:after { clear: both; }
.modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0; }
.modal-footer .btn {
    font-size: 13px;
    font-weight: normal;
    color: #fff; 
    border: 1px solid #b0b0b0; 
  background-color: #989898;
  background-image: -moz-linear-gradient(top, #989898, #6f6f6f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#989898), to(#6f6f6f));
  background-image: -webkit-linear-gradient(top, #989898, #6f6f6f);
  background-image: -o-linear-gradient(top, #989898, #6f6f6f);
  background-image: linear-gradient(to bottom, #989898, #6f6f6f);
  background-repeat: repeat-x;

  -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.modal-footer .btn:hover {
    background-color: #6f6f6f;
    border: 1px solid #b0b0b0; 
  background-image: -moz-linear-gradient(top, #6f6f6f, #989898);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6f6f6f), to(#989898));
  background-image: -webkit-linear-gradient(top, #6f6f6f, #989898);
  background-image: -o-linear-gradient(top, #6f6f6f, #989898);
  background-image: linear-gradient(to bottom, #6f6f6f, #989898);
  color: #FFF;
}

.modal-footer .btn.submit {
    border: 1px solid #ff2703; 
    background-color: #fc350e;
    background-image: -moz-linear-gradient(top, #fc350e, #d52e1b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fc350e), to(#d52e1b));
    background-image: -webkit-linear-gradient(top, #fc350e, #d52e1b);
    background-image: -o-linear-gradient(top, #fc350e, #d52e1b);
    background-image: linear-gradient(to bottom, #fc350e, #d52e1b);
}

.modal-footer .btn.submit:hover {
    border: 1px solid #ff2703; 
    background-color: #d52e1b;
    background-image: -moz-linear-gradient(top, #d52e1b, #fc350e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d52e1b), to(#fc350e));
    background-image: -webkit-linear-gradient(top, #d52e1b, #fc350e);
    background-image: -o-linear-gradient(top, #d52e1b, #fc350e);
    background-image: linear-gradient(to bottom, #d52e1b, #fc350e);
}


.modal-body .modal-alert {
    background: url(images/popup-alert.png) 100% 0 no-repeat;
    padding: 30px 30px 50px;
    
}

.modal-body .title {
    font-size: 28px;
    line-height: 30px;
    padding: 10px 0 0;
    font-weight: bold;
    color: #666;
}

.modal-body .subtitle {
    font-size: 20px;
    line-height: 20px;
    padding-bottom: 22px;
    font-weight: bold;
    color: #666;
}

.help-block, .help-inline {
    color: #595959;
}
.help-block {
    display: block;
    font-size: 11px;
}
.help-inline {
    display: inline-block;
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
}

/*===== Form templates =====*/

.form-inline input,
.form-horizontal input,
.form-inline textarea,
.form-horizontal textarea,
.form-inline select,
.form-horizontal select,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-inline .input-append,
.form-horizontal .input-append,
.form-inline .btn,
.form-horizontal .btn
{ display: inline-block; *display: inline; margin-bottom: 0; vertical-align: middle; *zoom: 1; }


/* Form inline */

.form-inline input, .form-inline .selector, .form-inline .checkbox, .form-inline .radio, .form-inline textarea, .form-inline .help-inline { margin-right: 6px; }
.form-inline .checkbox, .form-inline .radio { margin-top: 2px; }
.form-inline .help-inline { padding-left: 0; }
.form-inline .hide, .form-horizontal .hide { display: none; }
.form-inline label, .form-inline .btn-group { display: inline-block; padding: 0 10px;}
.form-inline .input-append, .form-inline .input-prepend { margin-bottom: 0; }
.form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle; }
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0; }


/* Form horizontal */

.control-group { /*border-top: 1px solid #eee; box-shadow: 0 1px 0 #fff inset; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff inset;*/ padding: 18px 16px; }
.control-group:first-child { border-top: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }
.form-condensed .control-group { border-top: none; padding: 16px; }
.form-horizontal .control-group { *zoom: 1; }
.form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; line-height: 0; content: ""; }
.form-horizontal .control-group:after { clear: both; }
.form-horizontal .control-label { float: left; width: 18%; padding-top: 5px; }
.control-label > i { margin-top: 3px; margin-right: 6px; }
.form-horizontal .controls { *display: inline-block; *padding-left: 20px; position: relative; margin-left: 20%; *margin-left: 0; }
.form-horizontal .controls:first-child { *padding-left: 180px; }
.form-horizontal .help-block { margin-bottom: 0; }
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block
{ margin-top: 6px; }

.radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; }
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; }


/* ===== UI spinner ===== */

.ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; color: inherit; padding: 0; vertical-align: middle; margin-right: 18px; }
.ui-spinner-button { width: 17px; height: 14px; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { cursor: pointer; border-right: 1px solid #d5d5d5; }
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; }
.ui-spinner-up { top: 0; background: url(images/elements/forms/spinner_top.png) no-repeat; border-top: 1px solid #d5d5d5; }
.ui-spinner-down { bottom: 0; background: url(images/elements/forms/spinner_bottom.png) no-repeat; border-bottom: 1px solid #d5d5d5; }
.ui-spinner .ui-icon-triangle-1-s { height: 14px; }

/*===== Checkbox =====*/

.checker, .checker span, .checker input { width: 16px; height: 16px; }
.checker { position: relative; margin-right: 6px; margin-top: -3px; }
.checker span { background: url(images/elements/forms/checkboxes.png); display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background-position: 0 0; }
.checker 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;  margin: 0; vertical-align: top;  margin: 0!important; }
.checker:active span, .checker.active span { background-position: 0 -34px; }
.checker.focus span, .checker: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); }
.checker.focus:active span, .checker:active:hover span, .checker.active:hover span, .checker.focus.active span { background-position: 0 -34px; }
.checker span.checked { background-position: -17px 0; }
.checker:active span.checked, .checker.active span.checked { background-position: -17px -34px; }
.checker.focus span.checked, .checker:hover span.checked { background-position: -17px -17px; }
.checker.focus:active span.checked, .checker:hover:active span.checked, .checker.active:hover span.checked, .checker.active.focus span.checked {   background-position: -17px -34px; }
.checker.disabled span, .checker.disabled:active span, .checker.disabled.active span { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; background-position: 0 0; }
.checker.disabled span.checked, .checker.disabled:active span.checked, .checker.disabled.active span.checked { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; background-position: -18px 0; }


/* Icons
----------------------------------*/

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Stile visualizza modelli */
.templateText{
    word-break: break-all;
}



/*===== Tables styles =====*/

table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; }
.table { width: 100%; border: 1px solid #d5d5d5; }
.table th, .table td { padding: 8px 25px; line-height: 20px; vertical-align: middle; border-top: 1px solid #e2e2e2; }
.table td { background: #fff; }
.table th { font-weight: bold; text-align: left; }
.table thead th { background-color: #f8f8f8; }

.table .checker { margin: 0; }
.table-checks tr td:first-child { width: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-box-sizing: border-box; }
.table-checks .row-checked td { background: #fffff7; }

.table-controls { line-height: 1; font-size: 0; }
.table-controls > li { display: inline-block; margin: 0 2px; line-height: 1; }
.table-controls > li > .btn { padding: 6px 4px; margin: 0; }
.table-controls > li > .btn > i { margin-left: 0; margin-right: 0; font-size: 14px; }
.table-controls > li > a { display: inline-block; }
.table-controls > li > a > i { margin: 0; font-size: 14px; color: #555; display: block; }
.table-controls > li > a.btn > b, .table-controls > li > a > b { margin: 1px 0 -1px 0; font-size: 14px; color: #555; width: 1.1em; float: none; }

.table-footer .table-actions label { margin: 3px 12px 0 0; display: inline-block; }
.table-footer {
  border: 1px solid #d5d5d5; padding: 14px 12px; margin-top: 1px; font-size: 11px;
  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( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 );
}
.table-footer:after { content: ""; display: block; height: 0; clear: both; }
.table-footer .pagination { display: inline-block; float: right; }
.table-actions { display: block; float: left; }
.table-actions .selector { height: 26px; line-height: 26px; min-width: 0; } 
.table-actions .selector span { padding: 7px 31px 6px 0px; background: url(../img/elements/forms/select_arrows.png) no-repeat 100% -1px; }
.table-actions .selector input { height: 26px; }

.table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; }
.table tbody + tbody { border-top: 2px solid #dddddd; }
.table-condensed th, .table-condensed td { padding: 4px 12px; }

.table-gradient tbody td { background: none; }
.table-gradient tbody tr {
  background: #ffffff;
  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%);
}

.table-transparent, .table-transparent tbody td, .table-transparent thead th { background: none; }

.table-bordered { border-collapse: collapse; border-left: 0; }
.table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; }
.table .rowspan { border-left: 1px solid #e2e2e2!important; }

.table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; }
.table-striped tbody tr:nth-child(even) td, .table-striped tbody tr:nth-child(even) th { background-color: #fcfcfc; }
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #fafafa; }

.row-fluid table [class*=span] { display: table-cell; float: none; margin-left: 0; }


/* Color highlighting */

.table tbody tr.success td { background-color: #f0faec; }
.table tbody tr.error td { background-color: #fdf3f3; }
.table tbody tr.warning td { background-color: #FFFFF7; }
.table tbody tr.info td { background-color: #eef7fb; }
.table-hover tbody tr.success:hover td { background-color: #eaf9e4; }
.table-hover tbody tr.error:hover td { background-color: #fdefef; }
.table-hover tbody tr.warning:hover td { background-color: #fefeea; }
.table-hover tbody tr.info:hover td { background-color: #e8f5fb; }

.table-striped tbody > tr { background: #f9f9f9; } .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #fff; }
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #f5f5f5; }
.row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; }

.table tbody tr.success td { background-color: #f0faec; }
.table tbody tr.error td { background-color: #fdf3f3; }
.table tbody tr.warning td { background-color: #FFFFF7; }
.table tbody tr.info td { background-color: #eef7fb; }
.table-hover tbody tr.success:hover td { background-color: #eaf9e4; }
.table-hover tbody tr.error:hover td { background-color: #fdefef; }
.table-hover tbody tr.warning:hover td { background-color: #fefeea; }
.table-hover tbody tr.info:hover td { background-color: #e8f5fb; }


.widget .widget-table { margin: 15px; box-shadow: 0 1px 2px rgba(0,0,0,.25); }
.widget .widget-table .basic-filters {
    padding: 15px;
    border: 1px solid #d5d5d5;
    border-bottom: 1px solid #fff;
}

/* # Datatables (dynamic tables)
================================================== */

.dataTables_wrapper { position: relative; clear: both; *zoom: 1; }
.dataTables_length { float: right; padding: 14px 12px; display: block; }
.dataTables_length > label > span { float: left; line-height: 13px; padding: 8px 0 7px 0; margin-right: 12px; }
.dataTable thead th.sorting { cursor: pointer; }
.show-entries { float: left; margin: 4px 15px 0 0; }
.dataTables_filter { padding: 14px 12px; position: relative; display: block; float: left; }
.dataTables_filter > label, .dataTables_length > label { margin: 0; }
.dataTables_filter label > span { display: block; float: left; line-height: 13px; padding: 8px 0 7px 0; margin-right: 12px; }
.dataTables_filter input[type=text] { height: auto; padding: 7px 7px 6px 7px; line-height: 13px; width: 180px; background: #fff; box-shadow: 0 1px 0 white; -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 #fff; border: 1px solid #d5d5d5; }
.dataTables_info { padding: 17px 12px; display: block; float: left; }
.tableFooter { clear: both; padding: 8px 12px; height: 36px; font-size: 11px; color: #636363; border-top: 1px solid #cdcdcd; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; background: #f8f8f8; background: -moz-linear-gradient(top,  #f8f8f8 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top,  #f8f8f8 0%,#efefef 100%); background: -o-linear-gradient(top,  #f8f8f8 0%,#efefef 100%); background: -ms-linear-gradient(top,  #f8f8f8 0%,#efefef 100%); background: linear-gradient(top,  #f8f8f8 0%,#efefef 100%); }
.dataTables_paginate { float: right; margin: 14px 12px; }
.dataTables_paginate .last { margin-right: 0!important; }
.datatable-header {  border: 1px solid #D5D5D5; margin-bottom: 1px; font-size: 11px; }
.datatable-footer { border: 1px solid #d5d5d5; margin-top: 1px; }
.datatable-footer { font-size: 11px;
  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%);
}
.dataTables_length .selector { height: 26px; line-height: 26px; min-width: 0; }
.dataTables_length .selector span { background: url(images/elements/forms/select_arrows.png) no-repeat 100% -1px; padding: 7px 31px 6px 0px; }
.dataTables_length .selector input { height: 26px; }

.datatable-header { background: #fafafa; }
.datatable-header:after, .datatable-footer:after { content: ""; display: block; clear: both; }

/* Two button pagination - previous / next */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; float: left; cursor: pointer; *cursor: hand; color: #111 !important; }
.paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover { text-decoration: none !important; }
.paginate_disabled_previous:active, .paginate_enabled_previous:active, .paginate_disabled_next:active, .paginate_enabled_next:active { outline: none; }
.paginate_disabled_previous, .paginate_disabled_next { color: #666 !important; }
.paginate_disabled_previous, .paginate_enabled_previous { padding-left: 23px; }
.paginate_disabled_next, .paginate_enabled_next { padding-right: 23px; margin-left: 10px; }
.paginate_enabled_previous { background: url('images/elements/tables/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('images/elements/tables/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('images/elements/tables/back_disabled.png') no-repeat top left; }
.paginate_enabled_next { background: url('images/elements/tables/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('images/elements/tables/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('images/elements/tables/forward_disabled.png') no-repeat top right; }


/* Full number pagination */
.paging_full_numbers {  }
.paging_full_numbers .next:active, .paging_full_numbers .first:active, .paging_full_numbers .previous:active, .paging_full_numbers .last:active { font-weight: normal!important; }
.paging_full_numbers a:active { outline: none }
.paging_full_numbers a:hover { text-decoration: none; }
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active { border: 1px solid #d5d5d5; padding: 3px 10px 2px 10px; line-height: 21px; margin-left: 1px; cursor: pointer; *cursor: hand; color: #454545; font-size: 11px; box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eaeaea; -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eaeaea; -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eaeaea;  }
.paging_full_numbers a.paginate_button { display: inline-block;
  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%); 
} 
.paging_full_numbers span { display: inline-block; }
.paging_full_numbers span a { display: inline-block; }
.paging_full_numbers a.paginate_button:hover { background: #fcfcfc;  color: #327394; }
.paging_full_numbers a.paginate_active, .paging_full_numbers a.paginate_button:active { font-weight: bold; background: #676d71;  color: #fff;  border-color: #585e63; 
  box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 1px 0 #fff; 
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 1px 0 #fff; 
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 1px 0 #fff;  
}

.paginate_button_disabled, .paginate_button_disabled:active { background: #F9F9F9!important; color: #c5c5c5!important; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; border-color: #e5e5e5!important; font-weight: normal; }
.paginate_button_disabled:active { border-color: #d3d3d3!important; }

.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white; }
.sorting { background: url('images/elements/tables/sort_both.png') no-repeat 100% 8px; }
.sorting_asc { background: url('images/elements/tables/sort_asc.png') no-repeat 100% 9px; }
.sorting_desc { background: url('images/elements/tables/sort_desc.png') no-repeat 100% 9px; }
.sorting_asc_disabled { background: url('images/elements/tables/sort_asc_disabled.png') no-repeat 100% 9px; }
.sorting_desc_disabled { background: url('images/elements/tables/sort_desc_disabled.png') no-repeat 100% 9px; }
table.dataTable th:active { outline: none; }
.dataTables_scroll { clear: both; }
.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; }

.file-info span { display: block; }
.actions-column { width: 100px; text-align: center; }
.table .navbar-icons { text-align: center; float: none; margin: 0; height: 14px; }
.table .navbar-icons li a { margin: 0 4px; }

.table th.checkbox, .table td.checkbox {
    width: 20px !important;
    padding: 8px !important;
    text-align: center;
}

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

.navbar { *position: relative; *z-index: 2; margin-bottom: 1px; }
.navbar-inner { padding-left: 14px; border-bottom: 1px solid #d5d5d5; position: relative;
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #ffffff, #f7f7f7);
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f7f7f7));
  background: -webkit-linear-gradient(top, #ffffff, #f7f7f7);
  background: -o-linear-gradient(top, #ffffff, #f7f7f7);
  background: linear-gradient(to bottom, #ffffff, #f7f7f7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
}
.navbar-inner h6 { font-size: 13px; margin: 0; padding: 9px 14px 9px 0; display: block; float: left; color: #333333; font-family: 'Open Sans', sans-serif; font-weight: 600; }
.navbar-inner h6 label { margin: 0; font-weight: 600; cursor: pointer; }
.navbar-inner h6 [class^="icon-"], .navbar-inner h6 [class*=" icon-"] { display: block; float: left; font-size: 14px; margin-top: 3px; margin-right: 8px; color: #676767; }
.navbar-inner h6 [class^="pic-"], .navbar-inner h6 [class*=" pic-"] { display: block; float: left; margin-top: 3px; margin-right: 8px; }
.navbar-inner h6 [class^="fam-"], .navbar-inner h6 [class*=" fam-"] { display: block; float: left; margin-top: 2px; margin-right: 8px; }
.navbar-inner:before, .navbar-inner:after { display: table; line-height: 0; content: ""; }
.navbar-inner:after { clear: both; }
.navbar .container { width: auto; }
.nav-collapse.collapse { height: auto; overflow: visible; }
.navbar .brand { display: block; float: left; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #777777; text-shadow: 0 1px 0 #ffffff; }
.navbar .brand:hover { text-decoration: none; }
.navbar-text { margin-bottom: 0; line-height: 40px; color: #777777; }
.navbar-link { color: #777777; }
.navbar-link:hover { color: #333333; }
.navbar .btn, .navbar .btn-group { margin: 6px 6px 6px 0; padding: 6px 10px 5px 10px; line-height: 13px; }
.navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn { margin-top: 0; }

.navbar-icon {
    border-left: 1px solid #E2E2E2;
    color: #444444;
    cursor: pointer;
    display: block;
    float: left;
    line-height: 1;
    padding: 11px;
}

/**
* popover
**/


.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  /*width: 236px;*/
  padding: 0px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  box-shadow: 0 0 4px rgba(0,0,0,.25);
  border: 1px solid #d2d2d2;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 10px;
}

.popover.bottom {
  margin-top: 10px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  padding: 8px 10px;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  background: #fdfdfd;
  background: -moz-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f2f2f2));
  background: -webkit-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%);
  background: -o-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%);
  background: -ms-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%);
  background: linear-gradient(to bottom, #fdfdfd 0%,#f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f2f2f2',GradientType=0 );
  border-bottom: 1px solid #d2d2d2;
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 9px 10px;
  max-width: 400px;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow:after {
  z-index: -1;
  content: "";
}

.popover.top .arrow {
  bottom: -7px;
  left: 50%;
  margin-left: -7px;
  border-top-color: #fff;
  border-width: 7px 7px 0;
}

.popover.top .arrow:after {
  bottom: -1px;
  left: -8px;
  border-top-color: #d2d2d2;
  border-width: 8px 8px 0;
}

.popover.right .arrow {
  top: 50%;
  left: -7px;
  margin-top: -7px;
  border-right-color: #fff;
  border-width: 7px 7px 7px 0;
}

.popover.right .arrow:after {
  bottom: -8px;
  left: -1px;
  border-right-color: #d2d2d2;
  border-width: 8px 8px 8px 0;
}

.popover.bottom .arrow {
  top: -7px;
  left: 50%;
  margin-left: -7px;
  border-bottom-color: #fff;
  border-width: 0 7px 7px;
}

.popover.bottom .arrow:after {
  top: -1px;
  left: -8px;
  border-bottom-color: #d2d2d2;
  border-width: 0 8px 8px;
}

.popover.left .arrow {
  top: 50%;
  right: -7px;
  margin-top: -7px;
  border-left-color: #fff;
  border-width: 7px 0 7px 7px;
}

.popover.left .arrow:after {
  right: -1px;
  bottom: -8px;
  border-left-color: #d2d2d2;
  border-width: 8px 0 8px 8px;
}


/* # Validation engine (form validation)
================================================== */

.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; line-height: 20px; }
.formError .formErrorArrow { z-index: 996; }
.formErrorInsideDialog.formError { z-index: 5000; }
.formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
.formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }
.inputContainer { position: relative; float: left; }
.formError { position: absolute; top: 300px; left: 300px; display: block; cursor: pointer; }
.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none }

@-webkit-keyframes error-stripes {
  from {
    background-position: 25px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-moz-keyframes error-stripes {
  from {
    background-position: 25px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-ms-keyframes error-stripes {
  from {
    background-position: 25px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-o-keyframes error-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 25px 0;
  }
}

@keyframes error-stripes {
  from {
    background-position: 25px 0;
  }
  to {
    background-position: 0 0;
  }
}


.formError .formErrorContent { width: 100%; position:relative; color: #fff; width: 120px; font-size: 11px; text-shadow: 0 1px 0 rgba(0,0,0,0.3); padding: 3px 5px; text-align: center;

  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;

    background-color: #cf432c;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.05)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.05)), color-stop(0.75, rgba(255, 255, 255, 0.05)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 25px 25px;
     -moz-background-size: 10px 25px;
       -o-background-size: 25px 25px;
          background-size: 25px 25px;

  -webkit-animation: error-stripes 1s linear infinite;
   -moz-animation: error-stripes 1s linear infinite;
    -ms-animation: error-stripes 1s linear infinite;
     -o-animation: error-stripes 1s linear infinite;
        animation: error-stripes 1s linear infinite;

}

.greenPopup .formErrorContent { background: #7fba4a; }
.blackPopup .formErrorContent { background: #393939; color: #FFF; }
.formError .formErrorArrow { width: 15px; left: 14px; margin-top: -3px; position:relative; }
body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow { margin: -2px 13px 0 0; }
.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0px 0 0 12px; top:2px; }
.formError .formErrorArrow div { font-size: 0px; height: 1px; background: #cf432c; margin: 0 auto; line-height: 0; font-size: 0; display: block; }
.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.greenPopup .formErrorArrow div { background: #33be40; }
.blackPopup .formErrorArrow div { background: #393939; color: #FFF; }
.formError .formErrorArrow .line10 { width: 15px; border: none; }
.formError .formErrorArrow .line9 { width: 13px; border: none; }
.formError .formErrorArrow .line8 { width: 11px; }
.formError .formErrorArrow .line7 { width: 9px; }
.formError .formErrorArrow .line6 { width: 7px; }
.formError .formErrorArrow .line5 { width: 5px; }
.formError .formErrorArrow .line4 { width: 3px; }
.formError .formErrorArrow .line3 { width: 1px; }
.formError .formErrorArrow .line2 { width: 3px; border: none; background: none; }
.formError .formErrorArrow .line1 { width: 1px; border: none; background: none; }


.guide-trigger {
    display: block;
    position: absolute;
    right: -7px;
    top: -7px;
    width: 49px;
    height: 50px;
    background: url(images/guide-trigger.png) 0 0 no-repeat;
}

.guide-trigger:hover { background-position: -49px 0; }

/**
*  FILTERS
**/

.filters-group {
    background: #fdfdfd;
    margin-bottom: 0px;
    border-top: 1px solid #ddd;
}

.filters-group div.filter {
    display: block;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.filters-group div.filter:first-child {
    padding-left: 35px;
}

.filters-group div.filter input, .filters-group div.filter .selector {
    margin: 0 5px;
    border-radius: 3px;
    font-size: 13px;
}

.filters-group div.filter .filter-add-row, .filters-group div.filter .filter-delete-row {
    float: left;
    /*display: block;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 0;
    line-height: 10px;
    height: 15px;
    width: 15px;
    text-align: center;
    background: #666;
    border-radius: 10px;
    margin: 7px 5px 0;*/
    margin: 2px 0 0;
}

.filters-group div.filter .filter-add-row {
    float: right;
}

.contactsTableFilters .filters-group {
    margin-bottom: 0;
}

.contactsTableFilters {
    margin-top: 20px;
    margin-bottom: 20px;
}

.contactsTableBasicFilters {
    padding: 20px;
}

.custom-buttons {
    padding: 10px 0;
}

.filter-switch {
    font-size: 13px;
    padding: 5px 10px 20px;
}

.ctfc, .ctfc div { float: left; }

.ctfc .custom-buttons {
    margin: 0 12px;
}

.ctfc .count, .ctfc .selected {
    margin: 18px 0px 0;
    font-size: 12px;
    color: #999;
}

.not-valid-email {
    font-style: italic;
    color: #F99;
}

.popover-help-popover {
    line-height: 120%;
    font-size: 13px;
    font-weight: 400;
    background: #FFFFEE;
}