/*
	SpecificSections.css
	TemplateName: Business Management
	Copyright (c) 2015, ObjectWeb Srl. All rights reserved.
	Version: 1.0.0
*/




/* General
------------------------------------------------------------------------------------------------- */
.content.col-xs-12 {
   padding: 0;
}

.section {
   margin-bottom: 100px !important;
}

   .section.no-margin,
   .section.menu,
   header .section {
      margin-bottom: 0 !important;
   }

.section-title {
   margin-bottom: 30px;
   text-align: center;
}

   .section-title h3 {
      text-transform: uppercase;
      font-size: 22px;
      margin-top: 0;
      margin-bottom: 0;
      color: #151c33;
   }

   .section-title h1,
   .section-title h2 {
      margin: 0;
      font-size: 36px;
      color: #2cab9f;
      font-weight: bold;
   }

@media(max-width:991px) {
   .section {
      margin-bottom: 30px !important;
   }
}
/* ---------------------------------------------------------------------------------------------- */



/* Header
------------------------------------------------------------------------------------------------- */
header {
   background-color: #151c33;
   margin-bottom: 30px;
}

.navbar-brand > img {
   max-height: 65px;
}

.navbar-collapse {
   float: left;
}

/*Sezioni intestazione*/
.header-sections {
   float: right;
}

.section.userinfo {
   position: relative;
}

   .section.userinfo .icon-container {
      width: 60px;
      border: 2px solid #FFF;
      height: 60px;
      margin: 10px 0;
      color: #FFF;
      font-size: 30px;
      text-align: center;
      line-height: 54px;
      border-radius: 50%;
      cursor: pointer;
   }

      .section.userinfo .icon-container:hover {
         background-color: #FFF;
         color: #2cab9f;
      }

   .section.userinfo .info-container {
      position: absolute;
      background-color: #EAEAEA;
      top: 75px;
      width: 200px;
      right: 0;
      padding: 20px;
      display: none;
      z-index: 99999;
   }

      .section.userinfo .info-container .name {
         display: block;
         text-transform: uppercase;
         font-weight: bold;
      }

      .section.userinfo .info-container a {
         display: block;
         background-color: #2cab9f;
         color: #FFF;
         text-align: center;
         margin-top: 15px;
         font-weight: normal !important;
         padding: 5px;
      }

         .section.userinfo .info-container a:hover {
            background-color: #151c33;
         }

@media(max-width:767px) {
   .navbar-default .navbar-nav > li > a {
      text-align: center;
      padding: 10px;
   }

   .header-sections {
      float: none;
      position: absolute;
      top: 5px;
      left: 150px;
   }
}
/* ---------------------------------------------------------------------------------------------- */



/* Footer
------------------------------------------------------------------------------------------------- */
footer {
   background-color: #151c33;
   color: #FFF;
   text-align: center;
   padding: 10px 0;
   font-size: 13px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Campi e validazioni
------------------------------------------------------------------------------------------------- */
.input-div .input-type-textarea,
.input-div input.input-type-text,
.input-div .input-type-dropdownlist,
.input-div input.input-type-email,
.input-div input {
   max-width: 100% !important;
}

.input-div {
   position: relative;
}

.inputbox .validation-highlight {
   background-image: none !important;
   border-color: #E10000;
}

.inputbox label.validation-error-label {
   color: #FFF !important;
   background-image: none !important;
   padding: 1px 5px !important;
   font-weight: normal;
   position: absolute;
   font-size: 12px;
   background-color: #E10000 !important;
   bottom: -10px;
   border-radius: 5px;
   right: -7px;
   margin-bottom: 0;
}

.inputbox .form-table label.validation-error-label {
   position: relative;
   bottom: 0;
   margin-bottom: 10px;
   left: 0;
   display: inline-block;
}

.form-horizontal .control-label {
   width: auto !important;
   text-align: left;
   padding: 0;
   margin-bottom: 5px;
   float: none !important;
}

.form-horizontal .input-div {
   float: none !important;
   width: 100% !important;
   padding: 0 !important;
}

legend {
   color: #151c33;
   font-weight: bold;
   text-align: center;
   border-color: #151c33;
   text-transform: uppercase;
}

.inputbox .btn-margin {
   margin-top: 40px !important;
}

.btn.btn-small {
   padding: 0 10px;
   border-radius: 5px;
   font-size: 12px;
}

.option-label {
   font-weight: normal;
   font-size: 16px;
}

/*Campo seleziona documento*/
.form-upload-document .input-div {
   position: relative;
}

   .form-upload-document .input-div input {
      padding-right: 65px;
   }

   .form-upload-document .input-div .icon-container {
      position: absolute;
      top: 3px;
      right: 3px;
   }

      .form-upload-document .input-div .icon-container a {
         font-size: 20px;
         background-color: #2cab9f;
         display: inline-block;
         width: 28px;
         height: 28px;
         color: #FFF;
         text-align: center;
         line-height: 28px;
      }

         .form-upload-document .input-div .icon-container a.btn-red {
            border: none;
            background-color: #DD0000;
         }

            .form-upload-document .input-div .icon-container a.btn-red:hover,
            .form-upload-document .input-div .icon-container a:hover {
               background-color: #151c33;
            }
/* ---------------------------------------------------------------------------------------------- */




/* Form
------------------------------------------------------------------------------------------------- */
label span {
   color: #AAA;
   font-weight: normal;
}

.panel-element .panel-header {
   border-top: 1px solid #CCC;
   border-left: 1px solid #CCC;
   border-right: 1px solid #CCC;
}

   .panel-element .panel-header h2 {
      margin: 0;
      font-size: 20px;
      font-weight: bold;
      margin: 15px 0 15px 15px;
      position: relative;
   }

      .panel-element .panel-header h2:before {
         content: "";
         width: 3px;
         height: 100%;
         background-color: #2cab9f;
         position: absolute;
         left: -17px;
         top: 0;
      }

      .panel-element .panel-header h2 span {
         color: #2cab9f;
      }

   .panel-element .panel-header:after,
   .panel-element .panel-content:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
   }

.panel-content {
   border: 1px solid #ccc;
   padding: 30px 15px;
}

   .panel-content.no-border-bottom {
      border-bottom: none;
   }

   .panel-content .info {
      background-color: #2cab9f;
      padding: 15px;
      margin-bottom: 15px;
      border-radius: 3px;
      color: #FFF;
   }

      .panel-content .info.info-red {
         background-color: #DD0000;
      }

      .panel-content .info.info-green {
         background-color: #26A700;
      }

.panel-element .panel-footer {
   text-align: center;
   border-radius: 0;
   border-bottom: 1px solid #CCC;
   border-right: 1px solid #CCC;
   border-left: 1px solid #CCC;
   background-color: #F5F5F5;
   border-top: none;
   padding: 15px;
}

.panel-element .introduction-text {
   border: 2px solid #2cab9f;
   padding: 15px;
   margin-bottom: 30px;
   font-size: 17px;
}

   .panel-element .introduction-text .title {
      color: #2cab9f;
      display: block;
      font-weight: bold;
      font-size: 20px;
   }

/*Linea di divisione*/
.divison-line {
   background-color: #EAEAEA;
   height: 1px;
   width: 100%;
   margin: 10px 0 25px;
}

/*Sottotitolo in azzurro*/
.panel-inner-title {
   display: block;
   margin: 0 15px 20px;
   background-color: #2cab9f;
   font-weight: bold;
   text-align: center;
   font-size: 18px;
   color: #FFF;
   padding: 5px 15px;
}

/*Box interno*/
.panel-content-box {
   border: 1px solid #2cab9f;
   padding: 20px 5px 10px;
   margin: 0 15px 30px;
}

   .panel-content-box:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
   }

/*Note*/
.panel-note {
   display: block;
   background-color: #EAEAEA;
   padding: 10px;
   margin: 0 15px 20px;
}

/*Info dopo label*/
.form-info {
   margin-bottom: 15px;
}

/*Checkbox*/
.checkbox-container,
.radiobutton-container {
   display: block;
   position: relative;
   padding-left: 30px;
   cursor: pointer;
   font-size: 16px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   font-weight: normal;
   line-height: 20px;
}

   .checkbox-container input,
   .radiobutton-container input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
   }

   .checkbox-container .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 20px;
      width: 20px;
      background-color: #eee;
   }

   .checkbox-container:hover input ~ .checkmark {
      background-color: #ccc;
   }

   .checkbox-container input:checked ~ .checkmark {
      background-color: #1ABC9C;
   }

   .checkbox-container .checkmark:after {
      content: "";
      position: absolute;
      display: none;
   }

   .checkbox-container input:checked ~ .checkmark:after {
      display: block;
   }

   .checkbox-container .checkmark::after {
      left: 6px;
      top: 3px;
      width: 7px;
      height: 12px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
   }

/*Radio button*/
.radiobutton-container {
   margin-bottom: 10px;
}

   .radiobutton-container .radiobtn {
      position: absolute;
      top: 0;
      left: 0;
      height: 25px;
      width: 25px;
      background-color: #eee;
      border-radius: 50%;
   }

   .radiobutton-container:hover input ~ .radiobtn {
      background-color: #ccc;
   }

   .radiobutton-container input:checked ~ .radiobtn {
      background-color: #1ABC9C;
   }

   .radiobutton-container .radiobtn:after {
      content: "";
      position: absolute;
      display: none;
   }

   .radiobutton-container input:checked ~ .radiobtn:after {
      display: block;
   }

   .radiobutton-container .radiobtn:after {
      top: 9px;
      left: 9px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #FFF;
   }
/* ---------------------------------------------------------------------------------------------- */


/* Login Page
------------------------------------------------------------------------------------------------- */
.login-page,
form.login,
form.register,
form.user-profile,
form.reset-password {
   /*background: url("../Images/BackgroundLogin.jpg") no-repeat center transparent;*/
   background-size: cover;
   min-height: 100vh;
}

   .login-page header,
   .login-page footer,
   form.register header,
   form.register footer,
   form.login header,
   form.login footer,
   form.reset-password header,
   form.reset-password footer {
      display: none;
   }

   .login-page .page-content,
   form.register .page-content,
   form.login .page-content,
   form.user-profile .page-content,
   form.reset-password .page-content {
      background-color: rgba(255,255,255,0.9);
      min-height: 100vh;
      max-width: 600px;
      margin: 0 auto;
      padding: 100px;
   }

   form.register .page-content {
      padding: 50px;
   }

   form.user-profile .page-content {
      padding: 150px 50px 50px;
   }

.section.login .login-header {
   margin-bottom: 50px;
}


.section.login .keep-login {
   margin-bottom: 30px;
}

.section.login .register {
   border: 1px solid #2cab9f;
   padding: 30px;
   text-align: center;
   margin-top: 40px;
}

   .section.login .register span {
      display: block;
      font-weight: bold;
      margin-bottom: 15px;
   }

.section.login .password-reminder a {
   color: #333;
   text-decoration: underline;
}

   .section.login .password-reminder a:hover {
      color: #2cab9f;
   }

/*Registrazione e Reset Password*/
form.register .button-secondary,
form.user-profile .button-secondary,
form.reset-password .button-secondary {
   padding: 10px 50px;
   color: #333;
   background-color: #EAEAEA;
   border: 1px solid #eaeaea;
   text-transform: uppercase;
   line-height: 1.42857143;
   display: inline-block;
}

   form.register .button-secondary:hover,
   form.user-profile .button-secondary:hover,
   form.reset-password .button-secondary:hover {
      background-color: #151c33;
      color: #FFF;
   }

/*Login di pagina*/
form.login .page-content .col-sm-6.col-sm-offset-3 {
   width: 100%;
   margin: 0 auto;
   padding: 0;
}

form.login .page-content .panel-success {
   border: none;
   margin-bottom: 0;
   background-color: transparent;
   box-shadow: none;
}

form.login .page-content .panel .panel-heading {
   color: #151c33;
   text-align: center;
   font-size: 27px;
   font-weight: bold;
   background-color: transparent;
   border-color: #151c33;
   text-transform: uppercase;
}

form.login .page-content .panel .info {
   display: block;
   margin: 20px 0;
}

form.login .page-content .panel .form-group {
   padding: 0;
}

form.login .page-content .panel .control-label {
   display: block;
}

form.login .page-content .panel .button-secondary {
   color: #333;
   text-decoration: underline;
}

   form.login .page-content .panel .button-secondary:hover {
      color: #2cab9f;
   }

@media(max-width:767px) {
   .login-page .page-content,
   form.register .page-content,
   form.login .page-content,
   form.user-profile .page-content,
   form.reset-password .page-content {
      max-width: 100%;
      padding: 30px 15px;
   }

   form.register .buttons a,
   form.user-profile .buttons a,
   form.reset-password .buttons a {
      display: block !important;
   }
}
/* ---------------------------------------------------------------------------------------------- */




/* Tabella
------------------------------------------------------------------------------------------------- */
table.data-table thead tr,
table.data-table tfoot tr {
   background-color: #EAEAEA !important;
   background-image: none !important;
   color: #333 !important;
   border-bottom: 1px solid #333 !important;
}

.table > thead > tr > th {
   border-bottom: 1px solid #333;
   box-shadow: none;
}

table.data-table thead .th-actions a {
   background-color: #2cab9f;
   color: #FFF;
   display: inline-block;
   height: 30px;
   width: 30px;
   line-height: 30px;
}

   table.data-table thead .th-actions a:hover {
      background-color: #151c33;
   }

table.data-table tbody .td-actions a,
table.data-table tbody .td-actions span {
   background-color: #2cab9f;
   width: 20px !important;
   height: 25px !important;
   line-height: 25px;
   text-align: center;
   font-size: 14px;
   color: #FFF;
   padding: 0 !important;
}

   table.data-table tbody .td-actions a.btn-red {
      background-color: #DD0000;
   }

   table.data-table .th-actions a:hover,
   table.data-table tbody .td-actions a:hover,
   table.data-table tbody .td-actions span:hover {
      background-color: #151c33;
   }

table.data-table tbody .td-actions {
   vertical-align: top !important;
}
/* ---------------------------------------------------------------------------------------------- */




/* Home
------------------------------------------------------------------------------------------------- */
.menu-grid {
   margin: 0 -20px;
}

   .menu-grid .presentation {
      text-align: center;
      font-size: 18px;
      letter-spacing: 1px;
      padding: 0 30px;
      margin-bottom: 20px;
   }

   .menu-grid .item {
      padding: 20px;
   }

      .menu-grid .item a {
         display: block;
         padding: 30px;
         color: #FFF;
         border-radius: 5px;
         text-align: center;
         font-size: 25px;
         text-transform: uppercase;
      }

         .menu-grid .item a:hover {
            background-color: #151c33 !important;
         }

         .menu-grid .item a img {
            max-width: 100px;
            margin: 0 auto 30px;
         }

         .menu-grid .item a .subtitle {
            display: block;
            text-transform: none;
            font-size: 22px;
            line-height: 25px;
         }

@media(max-width:991px) {
   .menu-grid .item a {
      min-height: 390px;
   }
}

@media(max-width:767px) {
   .menu-grid {
      margin: 0 -15px;
   }

      .menu-grid .item {
         padding: 0 15px 15px;
      }

         .menu-grid .item a {
            min-height: auto;
            padding: 15px;
            text-align: left;
            font-size: 18px;
            min-height: 80px;
         }

            .menu-grid .item a img {
               float: left;
               max-width: 50px;
               margin: 0 10px 0 0;
            }

            .menu-grid .item a .subtitle {
               font-size: 18px;
               line-height: 20px;
            }
}
/* ---------------------------------------------------------------------------------------------- */


/* Richiesta pratiche cliente
------------------------------------------------------------------------------------------------- */
.stepwizard .stepwizard-step a.completed {
   border-color: green;
   border-width: 2px;
}
/* ---------------------------------------------------------------------------------------------- */


/* Questionario di gradimento
------------------------------------------------------------------------------------------------- */
.client-anagraphic-questionnaire-page .section.userinfo {
   display: none;
}

.client-anagraphic-questionnaire .introduction-text {
   text-align: center;
   font-size: 20px;
}

.client-anagraphic-questionnaire .already-sent {
   background-color: #FAA994;
   color: #FFF;
   font-size: 25px;
   text-align: center;
   padding: 10px 30px;
   max-width: 600px;
   width: 100%;
   margin: 0 auto;
}

.client-anagraphic-questionnaire .privacy-html input[type="checkbox"] {
   margin-left: 0;
}

/*Campo Votazione*/
.input-rating .input-group {
   display: block;
}

.input-rating .rating-item {
   border-bottom: 1px solid #CCC;
   padding: 5px 0;
   max-width: 500px;
}

   .input-rating .rating-item:after {
      content: ".";
      height: 0;
      display: block;
      visibility: hidden;
      clear: both;
   }

   .input-rating .rating-item .rating-label {
      line-height: 26px;
   }

   .input-rating .rating-item .rating-vote {
      float: right;
   }

.input-rating .rating-vote input {
   display: none;
}

.input-rating .rating-vote label {
   border: 2px solid #2cab9f;
   width: 30px;
   height: 30px;
   text-align: center;
   color: #2cab9f;
   line-height: 26px;
   cursor: pointer;
   border-radius: 50%;
}

   .input-rating .rating-vote label:hover {
      background-color: #2cab9f;
      color: #FFF;
   }

.input-rating .rating-vote input:checked + label {
   background-color: #2cab9f;
   color: #FFF;
}

.input-rating .rating-vote label.rating-vote-none {
   width: auto;
   border-radius: 6px;
   padding: 0 10px;
}
/* ---------------------------------------------------------------------------------------------- */


/* Lista connessioni
------------------------------------------------------------------------------------------------- */
.customer-connections div.connection-item {
   background-color: #8cbfc2;
   padding: 10px 10px;
   margin: 5px 5px 5px 5px;
   border-radius: 6px;
   cursor: pointer;
}


   .customer-connections div.connection-item.connection-status-started {
      background-color: #1abc9c;
   }

   .customer-connections div.connection-item.connection-status-rejected {
      background-color: #f15c5c;
   }

   .customer-connections div.connection-item.connection-status-waiting {
      background-color: #f2eb6a;
   }

   .customer-connections div.connection-item.connection-status-completed {
      background-color: #a4fa87;
   }

.customer-connections .panel-header.disabled {
   background-color: #dcdada;
}

   .customer-connections .panel-header.disabled a {
      display: none !important;
   }
/* ---------------------------------------------------------------------------------------------- */



/* Panel
------------------------------------------------------------------------------------------------- */
/*.panel-element {
   margin-bottom: 20px;
}

.panel-element > .panel-header {
   border: 1px solid #c2c2c2;
   background: #fafafa none repeat scroll 0 0;
   box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
   padding-left: 10px;
}

.panel-element > .panel-header h2 {
   display: inline;
   font-size: 14px;
   font-weight: 400;
   letter-spacing: 0;
   line-height: 34px;
   margin: 0;
}

.panel-element > .panel-header .actions > a {
   border-left: 1px solid #ccc;
   color: #4c4f53;
   display: inline-block;
   padding: 7px 12px;
}

.panel-element .panel-header h2 i {
   margin-right: 5px;
}

.panel-element > .panel-content {
   background-color: #fff;
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-top: medium none;
   font-size: 15px;
   margin: 0;
   padding: 15px 0;
}

.panel-element > .panel-content:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

.panel-element.collapsed > .panel-content {
   display: none;
}

.panel-element > .panel-footer {
   background: rgba(248, 248, 248, 0.9) none repeat scroll 0 0;
   border-top: none;
   border-bottom: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
   padding: 15px;
}*/


.panel-element {
   margin-bottom: 20px;
   background-color: #FFF;
   box-shadow: 0 4px 6px 0 rgba(85, 85, 85, 0.08), 0 1px 20px 0 rgba(0, 0, 0, 0.07), 0px 1px 11px 0px rgba(0, 0, 0, 0.07);
   border-radius: 6px;
}

   .panel-element.no-margin {
      margin-bottom: 0;
   }

   .panel-element .panel-element {
      margin: 20px 15px 20px;
   }

   /*Header*/
   .panel-element .panel-header {
      border-bottom: 1px dashed #e0e6ed;
   }

      .panel-element .panel-header.panel-header-toggle-content {
         cursor: pointer;
      }

      .panel-element .panel-header h2 {
         font-size: 18px;
         font-weight: bold;
         margin: 20px 0 20px 15px;
         position: relative;
         display: inline-block;
      }

         .panel-element .panel-header h2 i {
            margin-right: 5px;
            color: #2cab9f;
         }

      .panel-element .panel-header .actions {
         margin-bottom: 0;
         float: right;
         background-color: transparent;
      }

   .panel-element > .panel-header .actions > a,
   .panel-element > .panel-header .actions > span.toggle-panel-link {
      border: 1px solid #2cab9f;
      color: #2cab9f;
      display: inline-block;
      height: 40px;
      width: 40px;
      text-align: center;
      border-radius: 50%;
      line-height: 40px;
      font-size: 20px;
      margin: 10px;
   }

      .panel-element > .panel-header .actions > a:hover,
      .panel-element > .panel-header.panel-header-toggle-content:hover .actions > span.toggle-panel-link {
         color: #FFF;
         background-color: #95D4CE;
      }

      .panel-element > .panel-header .actions > a.status.status-ok,
      .panel-element > .panel-header .actions > a.status:hover {
         background-color: #5DD55C;
         color: #FFF;
      }

      .panel-element > .panel-header .actions > a.status {
         background-color: #CCC;
      }

      .panel-element > .panel-header .actions > a.btn-text {
         border: none;
         color: #4c4f53;
         text-transform: none;
         font-size: 12px;
         width: auto;
         background-color: #FFF;
         height: auto;
         padding: 2px 10px;
         line-height: 14px;
         border-radius: 9px;
      }

         .panel-element > .panel-header .actions > a.btn-text:hover {
            background-color: #4c4f53;
            color: #FFF;
         }

   .panel-element .panel-header:after,
   .panel-element .panel-content:after,
   .panel-element .panel-content .inputbox:after {
      clear: both;
      content: ".";
      display: block;
      height: 0;
      visibility: hidden;
   }

   .panel-element .panel-content {
      background-color: #fff;
      margin: 0;
      padding: 30px 0;
   }

      .panel-element .panel-content:after {
         clear: both;
         content: ".";
         display: block;
         height: 0;
         visibility: hidden;
      }

   .panel-element.collapsed {
      border-bottom: 1px solid #CCC;
   }

   .panel-element.panel-no-margin {
      margin-bottom: 0;
   }

   .panel-element.collapsed .panel-content,
   .panel-element.collapsed .panel-footer {
      display: none;
   }

   .panel-element .panel-footer {
      text-align: center;
      padding: 20px 15px;
      border-top: 1px dashed #e0e6ed;
      background-color: #FFF;
   }

      .panel-element .panel-footer.panel-footer-fixed {
         position: fixed;
         bottom: 0;
         width: 100%;
         left: 0;
         border-bottom: none;
         border-right: none;
         border-left: none;
         border-top: 2px solid #3F4D67;
         padding: 5px;
         background-color: rgba(255,255,255,0.5);
      }

   .panel-element.sub-panel-element.validation-highlight > .panel-header {
      background-color: red !important;
   }

   .panel-element .panel-header .evidence {
      color: #333;
      padding: 0 15px 15px;
   }

   .panel-element.fullscreen-panel-mode .panel-header .evidence {
      display: none;
   }

   .panel-element .panel-header .evidence .value {
      font-weight: bold;
   }

.evidence-red {
   color: #DD0000;
}

.panel-subtitle {
   font-size: 25px;
   border-bottom: 1px dashed #e0e6ed;
   margin-bottom: 20px;
   padding-bottom: 0px;
}

   .panel-subtitle a.small-btn {
      background-color: #9CC738;
      color: #FFF;
      font-size: 15px;
      display: inline-block;
      padding: 2px 10px;
      border-radius: 4px;
      margin-left: 10px;
   }

      .panel-subtitle a.small-btn:hover {
         background-color: #0e1726;
      }

      .panel-subtitle a.small-btn i {
         font-size: 12px;
      }

@media(max-width:767px) {
   .panel-element .panel-header h2 {
      margin: 10px;
      font-size: 17px;
   }

      .panel-element .panel-header h2 i {
         margin-right: 2px;
      }

   .panel-element .panel-content {
      padding: 10px 0;
   }

   .panel-element .panel-footer {
      padding: 10px;
   }

   .panel-element > .panel-header .actions > a,
   .panel-element > .panel-header .actions > span.toggle-panel-link {
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-size: 18px;
      margin: 4px 10px 4px 0;
   }
}

/*Panel Small*/
.panel-element.panel-small-version {
   box-shadow: none;
   border-radius: 0;
}

   .panel-element.panel-small-version.collapsed {
      border-bottom: none;
   }

   .panel-element.panel-small-version .panel-header h2 {
      margin: 0 0 10px 0;
   }

   .panel-element.panel-small-version > .panel-header .actions > a,
   .panel-element.panel-small-version > .panel-header .actions > span.toggle-panel-link {
      margin: 0 0 0 5px;
      height: 25px;
      width: 25px;
      line-height: 25px;
      font-size: 15px;
   }

   .panel-element.panel-small-version .panel-content {
      padding: 10px 0 0;
   }

   .panel-element.panel-small-version .panel-header {
      border-bottom: 1px dashed #262626;
   }
/* ---------------------------------------------------------------------------------------------- */