/*******************************************************************************
** Application form
*******************************************************************************/
.signer-pane-label{
  margin-top: 5px;
  font-size: 14px;
  color: rgb(250,250,250);
  background: #5cb85c;
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  cursor: hand;
}
.signer-doc-status{
  font-size: medium;
  color: gray;
  font-weight: bold;
  font-style: italic;
}
.signer-pane,.signer-pane-content{
  padding: 10px;
}
.sg-active,.sg-no-active{
  font-size: medium;  
}
.sg-active {
  color:#009BBB;
}
.sg-no-active{
  color:black
}

div.app-left,
div.app-right{
  height: 100%;
  position: relative;
}
div.app-left{
  float: left;
  max-width: 85%;
  min-width: 85%;
}
div.app-right{
  float: right;
  margin-left: 79%;
  widows: 20%;
  background: #DDD;
  width: 18%;
  /* top: 0px; */
  position: absolute;
  height: 100%;
}
div.isbs-right{
margin: none;
}

span.mailerr{
  font-style: italic;
  color : red;
  font-weight: bold;
}

div.disable_app_form_data{
  position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background: #000000a3;
    z-index: 10003;

}
.preview-btn-attachment{
  color:rgb(33, 133, 208)!important;
  font-size: medium;
}
.btn-upload-label{
  font-size: small;
  color:rgb(33, 133, 208)!important;
}
.inputfile,
.previw_img{
  float:left;
}
.previw_img{
  width:22%;
}
.inputfile{
  width:70%;
}
.btnFileLoad{
  font-size: 11px;
  font-weight: bold;
  padding: 3px;
  text-transform: uppercase;
}
.btnFileLoad::before{
  content:'\f06e';
  font-family: "FontAwesome";
  font-size: 48px;

}

ul.ul-signer{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
ul.ul-signer > li {
    float: left;
    margin-right: 3%;
    width: 47%;
}

/***************************************************************
* Messaggio Popup cambio valore Cerved...
*/
.monitor-advice-section{
  background: #323232;
  padding: 15px;
  min-height: 40%; 
  z-index: 10004;;
  position: fixed;
}
.adv-message-header{
  padding:12px;
  margin-top:4px;
}
.adv-message-content{
  
  color: #188ce0;
  background: whitesmoke;
   padding: 8px;

}
.changed-field{

}

.changed-field::before{
  content: '\f12a';
  font-family: 'FontAwesome';
  font-size: 18px;
  margin: 4px 4px 4px 4px;
  color: orange;

}
/*******************************************************************************
**  Immagine su Carta
*******************************************************************************/
.cardImgDimension{
  position: relative;
  /* left: 61%; */
  /* width: 101%; */
  z-index: 1;
  width: 100%;
  padding: 10px;
  margin: 22px auto;
}
.credential-on-card{
  position: relative;
  top: -4vw;
  left: 15%;
  z-index: 10;
  font-size: 0.6vw;
  color: black;
  font-size: 10px;
}
.under-card{
  position: relative;
  /* top: -20px; */
  /* left: 5%; */
  /* padding-bottom: 10px; */
  font-size: 15px;
  padding: 10px;
}

/*******************************************************************************************
* APPLICATION SECTION TABS
*********************************************************************************************/

.md-tabs.md-default-theme .md-tab, md-tabs .md-tab{
  font-size: 12px;
}

.md-tabs.md-default-theme .md-tab.md-active, md-tabs .md-tab.md-active{
  color: #297ead;
}
.md-tab{
  background: white;
  border-right: 1px solid rgb(51,51,52);
}

.sectionTabs > * .md-tab.md-active  {
  
  color: white;

  background: rgb(78, 168, 255);
background: -moz-linear-gradient(225deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
background: -webkit-linear-gradient(225deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
background: -o-linear-gradient(225deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
background: -ms-linear-gradient(225deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
background: linear-gradient(315deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
}

.sectionTabs > * .md-tab  {
  background: white;
  margin-right: -8px;
  /* float:none; */
  /* line-height: 49px; */
  padding: 14px 37px;
  float: left;
}
.tabLabel{
  font-size: 11px;
    background: transparent;
    margin-left: 5px;
}

.rectbox{
  width: 38px;
  height: 58px;
  background: white;
  /* float: left; */
  margin-left: 2px;
  display: -webkit-inline-box;
  position: absolute;
  z-index: 1000;
  top: 0px;
}
.dapcard-offer{
  width: 19%!important;
  padding: 18px!important;
}
.dap-cardbox{
 margin: none!important;
}
.dap-cardheader {

}
.dap-cardheader p{
  margin: 5px 0 0;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    /* font-weight: 400; */
    color: black;
}
.dap-cardbody{
  text-align: center;
  line-height: 20px;
  /* margin: 0.45em; */
  color: #016FD0;
}

.sectionTabs > * .md-tab.md-active:after,
.nestedTabs > * .md-tab.md-active:after   {
  border-color: rgba(255, 255, 255)  rgb(255,255,255) rgb(255,255,255) rgba(73, 161, 255, 0);
  background: rgb(78, 168, 255);
  background: -moz-linear-gradient(225deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
  background: -webkit-linear-gradient(225deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
  background: -o-linear-gradient(225deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
  background: -ms-linear-gradient(225deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
  background: linear-gradient(315deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
}
.nestedTabs > * .md-tab.md-active:after   {
  border-color: white white white  rgb(73, 161, 255)!important;
}

.sectionTabs > * .md-tab:after {
  content: '';
  height: 0;
  display: block;
  overflow: visible;
  border-color: rgba(255,255,255,.15)  rgba(255,255,255,.15) rgba(255,255,255,0.1) rgba(255,255,255,.15);
  border-width: 25px;
  border-style: solid;
  position: absolute;
  top: 0px;
  left: 100%;
  z-index: 37;
  transform: translateX(-60%);
}

.sectionTabs > * .md-tab:first-child:before{
  border-color: transparent transparent transparent white;
}



.sectionTabs > * .md-tab.md-active:first-child:before,
.nestedTabs > * .md-tab.md-active:first-child:before  {
  border-color: transparent transparent transparent transparent!important;
  
background: -moz-linear-gradient(225deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
background: -webkit-linear-gradient(225deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
background: -o-linear-gradient(225deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
background: -ms-linear-gradient(225deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
background: linear-gradient(315deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);

}

.sectionTabs > * .md-tab:before {
  content: '';
  height: 0;
  display: inline-block;
  overflow: visible;
  border-color: transparent transparent transparent rgba(255, 255, 255, 1);
  border-width: 25px;
  border-style: solid;
  margin-left: 11px;
  position: absolute;
  top: 0px;
  left: -11px;
}

.nestedTabs > * .md-tab:before {
   border-color: rgba(255,255,255,.15) transparent transparent white!important;
}

.sectionTabs * md-tab-content {
margin-top: 6px;
 
}

.rect-selected{
 background: -moz-linear-gradient(225deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
 background: -webkit-linear-gradient(225deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
 background: -o-linear-gradient(225deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
 background: -ms-linear-gradient(225deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
 background: linear-gradient(410deg, rgb(78, 168, 255) 32%, rgb(23, 96, 255) 86%);
}

/*.appformInputItem:hover{
  border: 1px solid blue;
}*/
.no-input-visible
{
  display: none;
  border: none;
}

.package-card
{
    width:200px;

}
.md-card-content {
  padding: 3px!important;
}
.product-card-title > p {
  font-size: 12px;
  font-weight: bold;
}
.package-card-section > md-list > md-list-item > span {
  font-size: 11px;
}
.package-btn{
  padding: 8px;
  background: none!important;
  min-width: 40px!important;
}
.package-btn > span{
  font-size: 11px;
}

.sign-person-title{
  font-size: 12px;
  color: #333334;
}
.sign-person {
  background: #c9d3de9e;
    /* border: 1px solid; */
    /* word-wrap: break-word; */
    /* text-align: center; */
    padding: 7px;
    z-index: 1;
    /* display: inline-table;*/
}
.green-icon{
  color:green;
}
.red-icon {
  color : red;
}
input.toverify {

  border : 2px solid orange!important;

}

.md-autocomplete button {
  position: relative;
  /* line-height: 20px; */
  /* text-align: center; */
  /* width: 45px; */
  height: 54px;
  cursor: pointer;
  border: none;
  border-radius: 50%;
  
}

.nested-tab {
  max-height: 500px;

}
#sign_panel {
  z-index: 1;
}
.app-signature-panel {
  font-size: 12px;
  color: whitesmoke;
  padding: 7px;
}
.app-signature-recipients-panel {
  font-size: 15px;
  color: whitesmoke;
  padding: 15px;
  background: rgba(51, 122, 183, 0.71);
  display: none;
  z-index: 1;
  max-width: 73%;
  margin-left: 2%;
}

input.verified-true{
  border : 2px solid green!important;
}
input.verified-true::after {
  color:green;
  font-family: 'FontAwesome';
  content: '\f046';
  font-size: 24px;
  margin-left: 12px;

}
input.verified-false{
  *border : 2px solid red!important;
}
.md-left.ng-scope
{
  position: absolute;
  top:10px;
}
.md-tabs {
  width: 100%;
}

.text-area-field-item{

  width: 100%!important;
  padding:10px;
  margin-bottom:  12px;
  color: black!important;
  
}

#myModalLabel{
  background: #009BBB;
  padding: 10px;
  cursor: move;
  color: white;
}

.product-card{
  padding: 10px;
  font-size: 15px;
  text-align: center;
  background: rgba(82, 103, 121, 0.13);

}
.product-card-title{
  font-size: 13px;
}
.offer-card{

  max-width: 280px;
  min-height: 480px;

}
.offer-card-header {
  background: rgba(32, 136, 201, 0.71);
    color: white;
    padding: 5px;
    text-align: center;
    height: 30%;
}
 md-tabs-wrapper md-prev-button, md-tabs-wrapper md-next-button .ng-scope{
position: none;
}
md-tabs-wrapper md-next-button md-icon{
*top: 30%;
z-index: 10000;
}
md-input-container.md-default-theme .md-input, md-input-container .md-input {
    border-color: rgba(156, 196, 232, 0.5);
}
#visura-container{
  position: fixed;
  width: 40%;
  display: block;
  margin-left: 5px;
  display: none;
}
#application_main{
  width: 93%;
  /* position: absolute; */
  /* margin-top: 21%; */
  float: left;
  margin-top: 13px;
  height: 100%;
}

.required_field {
  color: red;
  font-size: 12px;
}
.application-form-group span.required-field {
  color: red!important;
  font-size: 20px;
}
span.required-field {
  color: red!important;
  font-size: 12px;
}
.select-label{
  font-size: 12px;
  color:grey;
}

.nav>li {
  position: relative;
    display: block;
    float: left;
    max-width: 187px;
    text-align: center;
    font-size: 14px;
}
.application-form-group input,
#signup-form input {
  
  color: black;
  background: white;
  border: 1px solid lightgray;
  
}

/*.application-form-group > *
md-select.md-default-theme.ng-invalid.ng-touched .md-select-value, 
.application-form-group > *
md-select.ng-invalid.ng-touched .md-select-value {
 
  border: 1px solid rgb(221,44,0)!important;
}*/

.application-form-group input.ng-invalid-required,
#signup-form input.ng-invalid-required {
  background: white;
  border: 1px solid grey;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/*
.application-form-group input.ng-invalid-required,
#signup-form input.ng-invalid-required {
  background: rgb(232, 62, 19);
    border: 1px solid rgb(255, 255, 255);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: white!important;
}
*/

md-input-container.md-input-focused .md-input, md-input-container .md-input.ng-invalid.ng-dirty {
  padding-bottom: 0!important;
  border-width: 1px!important;
}
md-input-container.md-input-focused .md-input 

{
  border-color:none!important;
}
.application-form-group md-input-container:focus,
.application-form-group md-input-container .md-input:focus {
  -webkit-box-shadow: 1px 2px 15px 0px rgba(50, 50, 50, 0.88);
-moz-box-shadow:    1px 2px 15px 0px rgba(50, 50, 50, 0.88);
box-shadow:         1px 2px 15px 0px rgba(50, 50, 50, 0.88);
}

.application-form-group input.ng-invalid-required::before,
#signup-form input.ng-invalid-required::before
{
  content: "\f12a";
  width: 20px;
  height: 20px;
  color: red;
  font-family: 'fontAwesome';
}
.application-form-group span,
.application-form-group p,
#signup-form span {
  font-size: 14px;
    color: #297ead;
    font-weight: bold;
}
/*.application-form-group p{
  padding: 4px;
  color: white!important;
  background: #297ead!important;
}*/
.application-form-group{
  /*width: 98%;*/
  padding:10px;
 
}
.cf-iban-section{
  float: right;
}
#form-toolbar{
  height: auto;
  /* margin-left: 68%; */
  z-index: 1;
  /*margin-bottom: 150px;*/
  /* float: right; */
  margin-right: 6%;
  /* border: 1px solid; */
  width: 88%;
  float: left;
}
#button{
    word-wrap: break-word;
    max-width: 87px;
    font-weight: bold;
}

.md-warning{
  background-color: red!important;
  color:white!important;
}

.signer-dlg-button{
  background: #337ab782!important;
}

.panel-signer-dlg{
  width: 65%;
  padding: 8px;
}

.sticky-toolbar,
#FormStickyToolbar {
  height: 7%;
  width: 100%;
  display: none;
  background: rgb(184, 196, 206);
  border-bottom: 3px solid #1698d5;
  z-index: 10000;
}
.main-toolbar-application{
  background: whitesmoke;
  padding: 10px;
  height: auto!important;
  margin-right: 6%;
}
.app-list-detail > * p
{
  font-size: 10px!important;
}
.FormApplication
{

}
.nav>li>a:focus {
  border: 1px solid;
  background: aliceblue;
}

.application_main_content , .application_main_content.default{
  background: white;
}

/* form styling */
#navbarApplication
{
  background: rgb(255, 255, 255);
background: -moz-linear-gradient(180deg, rgb(255, 255, 255) 66%, rgb(31, 138, 202) 95%);
background: -webkit-linear-gradient(180deg, rgb(255, 255, 255) 66%, rgb(31, 138, 202) 95%);
background: -o-linear-gradient(180deg, rgb(255, 255, 255) 66%, rgb(31, 138, 202) 95%);
background: -ms-linear-gradient(180deg, rgb(255, 255, 255) 66%, rgb(31, 138, 202) 95%);
background: linear-gradient(180deg, rgb(255, 255, 255) 66%, rgb(31, 138, 202) 95%);

      padding: 11px;
      border-radius: 8px;
      position: inherit;
}
#form-container .page-header
{
	background: '##272bb9';
	margin: 0;
	padding: 30px;

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

md-tabs-wrapper md-prev-button md-icon, md-tabs-wrapper md-next-button md-icon
{
  color:#2b79be!important;
}

/* numbered buttons */
#status-buttons a
{
	color: #FFF;
	display: inline-block;
	font-size: 12px;
	margin-right: 10px;
	text-align: center;
	text-transform: uppercase;

}
#status-buttons a:hover
{
	text-decoration: none;
}
#status-buttons span
{
	background: #080808;
	display: block;
	height: 30px;
	margin: 0 auto 10px;
	padding-top: 5px;
	width: 30px;
	border-radius: 50%;

}

/* active buttons */
#status-buttons a.active span
{
	background: #00BC8C;

}

/* form style*/
#form-container input {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #ffffff;
    color: #1991d0;
    border: 1px solid;
    line-height: 21px;
}
#visura_form {
  width: 100%;
  height: 20%;
  background: black;
  position: fixed;
}

.sectionHeader {
margin-left: 3%;
margin-top: 5px;
width: 30%;
padding: 5px;
}
.sectionTitle {
  font-size: 18px;
}

.sectionTitle::before {
    font-family: 'fontAwesome';
    width: 48px;
    height: 48px;
    content: "\f02e";
    padding: 5px;
    float: left;
    margin-top: -4px;
}
.SectionToolbox {
  float: right;

    margin-top: -33px;
    margin-right: 7%;
}
/* ANIMATION STYLINGS
============================================================================= */

/*toggle*/
.box2{

        overflow: hidden;
        background: rgb(236,234,234 );
        display: none;
    }
    /* Add padding and border to inner content
    for better animation effect */
    .box2-inner{
        width: 100%;
        padding: 10px;
        border: 1px solid #374b50;
    }
.signup-form,
#signup-form
{
  position: relative;
min-height: 300px;
overflow: hidden;
padding: 24px;
background: rgba(75, 161, 213, 0.21);
border: 1px solid;
margin-top: 4px;
}

.header-visura-container {
    margin-bottom: 7%;
    margin-left: 4%;
    /* color: #eef0f3; */
    background: #f7f9fb;
    min-height: 39px;
    width: 93%;
    padding: 9px;
    /* border-radius: 12px; */
    text-align: center;
    color: #0780f7;
    font-weight: bold;
}

/* Visura TAB styles*/
#exTabVisura .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

#exTabVisura h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

/* remove border radius for the tab */

#exTabVisura .nav-pills > li > a {
  border-radius: 0;
}

#PdfViewer
{
  display: none;
}

.navbar {
    margin-bottom: 0px;

}

.visura_toolbar{
  float: left;
    height: 50px;
    position: relative;
    margin-right: 21px;
}
#visurabutton::before{
  width:42px;
  height: 42px;
  content: "\f2c0";
  color: blu;
  font-family: 'fontAwesome';
}
#visurabuttonVerify::before{
  width:42px;
  height: 42px;
  content: "\f2c0";
  color: blu;
  font-family: 'fontAwesome';
}


#ChooseLegalProxies.application-panel.ng-scope,
.ChooseLegalProxiesForm {
  width: 81%;
      height: 55%;
      position: absolute;
      background: rgb(152, 201, 231);
      z-index: 100;
      color: whitesmoke;
      border: 3px solid #2a90cc;
      left: 8%;
      top: 4%;
      display: none;
}
.ui-grid-proxies{
  height: 68%;
}


/* basic styling for entering and leaving */
/* left and right added to ensure full width */
.animate-enter,
#form-views.ng-enter,
#form-views.ng-leave      { position:absolute; left:30px; right:30px;
    transition:0.5s all ease; -moz-transition:0.5s all ease; -webkit-transition:0.5s all ease;
}

/* enter animation */
.animate-enter,
#form-views.ng-enter            {
    -webkit-animation:slideInRight 0.5s both ease;
	-moz-animation:slideInRight 0.5s both ease;
	animation:slideInRight 0.5s both ease;
}

/* leave animation */
.animate-leave,
#form-views.ng-leave            {
    -webkit-animation:slideOutLeft 0.5s both ease;
	-moz-animation:slideOutLeft 0.5s both ease;
	animation:slideOutLeft 0.5s both ease;
}

/* ANIMATIONS
============================================================================= */
/* slide out to the left */
@keyframes slideOutLeft {
	to 		{ transform: translateX(-200%); }
}
@-moz-keyframes slideOutLeft {
	to 		{ -moz-transform: translateX(-200%); }
}
@-webkit-keyframes slideOutLeft {
	to 		{ -webkit-transform: translateX(-200%); }
}

/* slide in from the right */
@keyframes slideInRight {
	from 	{ transform:translateX(200%); }
	to 		{ transform: translateX(0); }
}
@-moz-keyframes slideInRight {
	from 	{ -moz-transform:translateX(200%); }
	to 		{ -moz-transform: translateX(0); }
}
@-webkit-keyframes slideInRight {
	from 	{ -webkit-transform:translateX(200%); }
	to 		{ -webkit-transform: translateX(0); }
}

/* ANIMATIONS
============================================================================= */
/* slide out to the left */

#form-views label{
  font-size: 23px;
    color: #1990cf;
    margin-bottom: 15px;

}
#save {
  display: none;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #f7f7f7;
    cursor: default;
    background-color: #428bca;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.ng-invalid {border: 1px solid grey;}
form.ng-invalid {border: none!important;}

.app_bold_label
{
  font-size: 15px;
  font-weight: bold;
  color:blue;
}
.app_label
{
  font-size: 13px;
}
.section_label{
  width: 35%;
      float: right;
}
.checbox_labelPersLegal
{

}
input[type="checkbox"], input[type="radio"] {
  height: 27px;
    vertical-align: middle;

}
/******************************************************************************
// INIZIO Application Card Image
******************************************************************************/
/*.prova{
  position: relative;
  left: 1%;
  top: 1%;
}
.cardImgSettings{
  width: 20%;
}*/
.name-of-card {
    margin-top: -65px;
    z-index: 1000000;
    margin-left: 25%;

    text-align: left;
    color: black;
    text-transform: capitalize;
}
.name-of-card > label {
  font-size: 12px;
}
#tabContainer{
  float: left;
  width: 100%;
}
.md-content {
  width: 100%;
}
.card-selected-container-applicationForm {
  width: 18%;
  max-width: 390px;

  border: 1px solid;
  padding: 5px;
  position: absolute;
  margin-left: 62%;
  top: 29%;
  width: 26%;
  min-height: 160px;
  text-align: center;
  border: none!important;
}
.card-selected-container-applicationForm > img {
      width: 62%;
      min-width: 200px !important;
      margin-bottom: 7px;
}
.card-selected-container-applicationForm label {
        font-size: 9px;
        font-weight: bold;
}
/******************************************************************************
// FINE Application Card Image
******************************************************************************/


.generator-toolbar{

}
.appplication-field-label{
  font-size: 12px;
  word-wrap: break-word;
}
.application-checkbox-label
{
  font-size: 12px;
  word-wrap: break-word;
}
span.label-section{
  font-size: 12px;
  word-wrap: break-word;
}

div.left-label{
  max-width: 30%;

}
/***********************************************************
* Pannello RightSide Application
********************/
.app-item{
  border: none;
}
.app-item:hover{
  border: 1px solid grey;
}
.app-item-current{
  border: 1px solid #009BBB;
  background: whitesmoke;
  padding:3px!important;
}
.app-list-detail{
  background: transparent!important;
  cursor: hand;
  font-size: 11px;
}
md-radio-button, .md-switch-thumb
  {
    margin: 12px!important;
    max-width: 51%!important;
  }

@media only screen and (min-width :1024px) and (max-width:5024px)
{
/*****************
  Application Form 
  **/
  .application-form-group span,
  .application-form-group p,
  #signup-form span {
    font-size: 12px;
  }
  
  md-radio-button .md-label, 
  .md-switch-thumb .md-label,
  md-label
  {
    font-size: 13px!important;
  }

  div.app-left,
  div.app-right{
  
  }
  
  .side-package-panel {
  }
  .package-panel {
    float:none!important;
    min-width: none!important;
    background: rgba(231, 231, 231, 0.22);
    
  }
  
  .package-panel > * h4, * .h4{
   font-size: 14px!important;
   font-weight: bold;
  }
  .package-panel > p {
    font-size:12px;
  }
  .package-panel > * .md-button{
   background: none!important;
  }
  .app-list-detail > * p {
    font-size: 12px!important;
  }
  

}

@media only screen and (min-width :1100px) and (max-width:1300px)
{
  .appformInputItem{
    width: 50%;
  }

  .generator-button {
    min-width: 32px!important;
}

  md-toolbar {
    font-size: 16px;
    min-height: 36px;
  }
  .md-toolbar-tools {
    height: 36px;
    max-height: 36px;
    font-size: 16px;
  }

  .md-button,
  .btn,
  .md-button ,
  md-option .md-text ,
  md-radio-button .md-label, .md-switch-thumb .md-label
  {
    font-size: 12px;
  }
    
  /*****************
  Application Form 
  **/
  .application-form-group span,
  .application-form-group p,
  #signup-form span {
    font-size: 12px;
  }
  .application-form-group input,
  #signup-form input {
    font-size: 12px;
}

  div.app-left,
  div.app-right{
  
  }
  div.app-left{
  
  }
  div.app-right{
    font-size: 12px!important;
    margin-left: 75%
  }

  .cardImgDimension{
    width: 100%;
    z-index: 1;
  }
  .credential-on-card{
    font-size: 9px;
  }
  .under-card{
     font-size: 12px;
  }
  md-icon {
    height: 18px;
    width: 18px;
    font-size: 13px;
  }
  .material-icons{
    font-size: 13px!important;
  }
}

@media only screen and (min-width :901px) and (max-width:1024px)
{
  .appformInputItem{
    width: 90%;
  }

  .md-button,
  .btn,
  .md-button ,
  md-option .md-text ,
  md-radio-button .md-label, .md-switch-thumb .md-label
  {
    font-size: 10px;
  }
  /*****************
  Application Form 
  **/
  .application-form-group span,
  .application-form-group p,
  #signup-form span {
    font-size: 8px;
  }
  .application-form-group input,
  #signup-form input {
    font-size: 8px;
}

  div.app-left,
  div.app-right{
  
  }
  div.app-left{
  
  }
  div.app-right{
    font-size: 12px!important;
  }
  md-icon {
    height: 18px;
    width: 18px;
    font-size: 13px;
  }
  .material-icons{
    font-size: 13px;
  }

  .side-package-panel {
  }
  .package-panel {
    float:none!important;
    min-width: none!important;
  }
  
  .package-panel > * h4, * .h4{
   font-size: 14px!important;
   font-weight: bold;
  }
  .package-panel > p {
    font-size:12px;
  }
  .package-panel > * .md-button{
   background: none!important;
  }
  .app-list-detail > * p {
    font-size: 12px!important;
  }

  
}

/*Ipad*/

@media only screen and (min-width :1024px) and (max-width:5000px)
{
.appformInputItem{
  width: 33%;
  float: left;
  *border: 1px solid lightsteelblue;
  *margin : 1px 1px -5px 1px;
  *background: white;
  
  }

  .application-form-group input,
#signup-form input {
  width: 100%;
  font-size: 16px;
  height: 35px;
   padding: 7px;
  line-height: 15px;

  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

  
}


@media only screen and (min-width :270px) and (max-width:900px)
{

  body{
    font-size: medium;
  }

  h3,h4 {font-size:13px;text-align: center;}
  
  .main-toolbar-application
  {
    background: transparent;
    padding: 2px;
    margin:none;
    margin-top: 60%;
  }
#form-toolbar{
  height: auto;
  z-index: 1;
  width: 100%;
  margin:2px;
}

.sectionTitle {

  font-size: 13px;
}  
.sectionTitle::before {
 
  width: 28px;
  height: 28px;
 
  margin-top: -1px;
}

  .appformInputItem{
    width: 90%;
    float: none;
  }
  .application-form-group input,
  #signup-form input {
    font-size: 12px;
    height: 25px;
     padding: 4px;
    line-height: 12px;
   -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
    border-radius: 3px;
  }

  .md-button,
  .btn,
  .md-button ,
  md-option .md-text ,
  md-radio-button .md-label, .md-switch-thumb .md-label
  {
    font-size: 11px;
    min-width: 31px!important;

  }
  .appformInputItem{
    width: 90%;
  }

  #mainApplicationTabs{
    margin-top: 4%;
  }

  /*****************
  Application Form 
  **/
  .application-form-group span,
  .application-form-group p,
  #signup-form span {
    font-size: smaller;
  }
 
  .application-form-group input,
  #signup-form input {
    font-size: 12px;
  }

  #mainApplicationTabs > * md-content{
  width: 118%!important;
  }
  md-input-container{
    width: 100%!important;
  }

  

  md-icon {
    height: 12px;
    width: 12px;
    font-size: 8px;
  }
  .material-icons{
    font-size: 24px!important;
  }

  .cardImgDimension{
    position: relative;
    /* left: 61%; */
    width: 74%;
    z-index: 1;
    margin-left: 16%;
    text-align: center;
  }
  .credential-on-card{
    font-size: 6px;
  }
  .under-card{
     font-size: 12px;
     /* margin-left: 27%; */
     /* border: 1px solid; */
     /* padding: 7px; */
     width: 100%;
     text-align: center;
  }

  div.app-left,
  div.app-right{
    font-size: 11px!important;
    position: absolute;
    width: 98%;
    height: auto;
    float:none!important;
  }
  div.app-left{
    background: whitesmoke;
    width: 100%;
    left: 0px;
    max-width: 100%;
    
  }
  div.app-right{
    font-size: 11px!important;
    top:3px;
    display: block!important;
    position: absolute;
    margin-left: 11%;
    margin-top: 33%;
    width: 70%;
    padding: 0%;
    background: transparent;
  }

  div.isbs-right{
    margin: none;
  }
  
  .side-package-panel {
  }
  .package-panel {
    float:none!important;
    min-width: none!important;
    display: none;
  }
  
  .package-panel > * h4, * .h4{
   font-size: 14px!important;
   font-weight: bold;
  }
  .package-panel > p {
    font-size:12px;
  }
  .package-panel > * .md-button{
   background: none!important;
  }
  .app-list-detail > * p {
    font-size: 12px!important;
  }

  .tabLabel{
    font-size: 9px;
    background: transparent;
    margin-left: 3px;
  }
  

  

  .md-tabs.md-default-theme .md-tab, md-tabs .md-tab{
    font-size: 12px;
  }
  
  .md-tabs.md-default-theme .md-tab.md-active, md-tabs .md-tab.md-active{
    color: #297ead;
  }
  .md-tab{
    background: white;
    border-right: 1px solid rgb(51,51,52);
    max-width: 12%!important;
  }
  
  .sectionTabs > * .md-tab.md-active  {
    
    color: white;
  
    background: rgb(78, 168, 255);
  background: -moz-linear-gradient(225deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
  background: -webkit-linear-gradient(225deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
  background: -o-linear-gradient(225deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
  background: -ms-linear-gradient(225deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
  background: linear-gradient(315deg, rgb(78, 168, 255) 30%, rgb(23, 96, 255) 71%);
  }
  
  .sectionTabs > * .md-tab  {
    background: white;
    float: left;
  }
  .tabLabel{
    font-size: 11px;
      background: transparent;
      margin-left: 5px;
  }

  .md-tab{
    line-height: 1px!important;
    text-transform: capitalize;
  }
  
  .rectbox{
    width: 18px;
    height: 28px;
    background: white;
    /* float: left; */
    margin-left: 2px;
    display: -webkit-inline-box;
    position: absolute;
    z-index: 1000;
    top: 0px;
  }
  
  .sectionTabs > * .md-tab.md-active:after,
  .nestedTabs > * .md-tab.md-active:after   {
    border-color:none;
    background:none;
  }
  .nestedTabs > * .md-tab.md-active:after   {
    border-color:none;
  }
  
  .sectionTabs > * .md-tab:after {
    content: '';
    height: 0;
    display: none;
    }
  
  .sectionTabs > * .md-tab:first-child:before{
    border-color: none;
  }
  
  
  
  .sectionTabs > * .md-tab.md-active:first-child:before,
  .nestedTabs > * .md-tab.md-active:first-child:before  {
    border-color: none;
    
  background: none;
  
  
  }
  
  .sectionTabs > * .md-tab:before {
    content: '';
    height: 0;
    display: none;
    }
  
  .nestedTabs > * .md-tab:before {
     border-color:none;
  }
  
  .sectionTabs * md-tab-content {
  margin-top: 6px;
   
  }
.flex-90{
  flex: 0 0 62%!important;
}
  md-checkbox .md-label {
    max-width: 50%!important;
  }

  div.sticker-card-name{
    top: 66%;
    position: absolute;
    left: 24%
  }
  
}