.container{
    padding: 0px 10px;
    max-width: 67.5rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
.tablelist{
    padding: 3px 15px 15px;
}
.top-bar {
    background-color: rgba(92, 94, 95, 0.2);

}
.top-bar ul{
    background-color: transparent;
}
.top-bar a{
    color: white;
}
.top-bar-left {
    float: left;
}
.title-bar{
    background-color: rgba(92, 94, 95, 0.2);
}
.top-bar .dropdown.menu .submenu{
     /*background: rgba(92, 94, 95, 0.2);*/
     background: rgba(90, 90, 90, 0.52) !important;
    border: 1px solid rgba(92, 94, 95, 0.35);
}
/*.top-bar .dropdown.menu .submenu.first-sub{
    top: 120%;
}*/
.top-bar .is-drilldown-submenu{
    background: rgba(74, 74, 74, 0.82) !important;
}
.top-bar .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after{
    border-color: white transparent transparent !important; 
    right: 9px;
}
.top-bar .is-drilldown-submenu-parent > a::after{
    border-color: transparent transparent transparent white;
}
.top-bar .js-drilldown-back::before{
        border-color: transparent white transparent transparent;
}
.menu > li > a {
    display: block;
    line-height: 1;
}
.callout.large {
    padding: 20px;
    background-color: #F7F7F7;
  
}
@media screen and (max-width: 640px) {
	.tablewrap{
		overflow-x: auto;
		display: block;
	}
}
.pagination-container{
    margin-top: 15px;
}
.Msg_Panel label{
    color: white !important;
}
.Msg_Panel{
    padding: 9px 2px 17px 2px;
    background-color: rgba(255, 255, 255 ,0.1) !important;
    border: 1px solid rgba(255, 255, 255 ,0.25)!important;
    border-radius: 3px;
    margin: 0px 0px 17px;
}
.copyright a{
color: rgba(208, 208, 208, 0.81);
}
.copyright a:hover{
color: rgb(65, 75, 115) !important;
}
body{
      background: url(../img/Barbados.jpg) no-repeat fixed;
}
.close-button{
     padding: 0px;
      background: transparent;
}
.close-button:hover, .close-button:focus{
    background: transparent !important;
}
.submit{
    margin-right:0px;
    /*font-size: 16px;*/
}
main .refresh{
    margin-bottom: 0px;
    margin-right: 0px;
    padding: 12px 10px;
}
main .search{
    width: 110px !important;
    padding:7px;
}
@media screen and (max-width: 40em) {
    main .search {
        width: 55px !important;
    }
}
main button, .button{
    background: rgb(87, 100, 148);
    color: white;
    padding: 0.68em 1.5em; 
}
main button:hover, .button:hover, .button:focus{
    background: rgb(65, 75, 115) !important;  
}

main section#login label{
       color: white;
   }
main section#creditedit {
    padding-bottom: 10px;
}
main section#creditedit select{
      font-size: 18px !important;
    font-weight: normal !important;
    color: #7D7D7D !important;
}
main section#account select{
      font-size: 18px !important;
    font-weight: normal !important;
    color: #7D7D7D !important;
}
main section#account h4{
     color: white;
     text-transform: uppercase; 
}
main section#account label{
     color: white;
       font-weight: 500;
    font-size: 16px;
}
main section#account p{
     color: white;
     margin-bottom: 2px;
}
main section#account .count{
    color: rgba(230, 230, 230, 0.81);
    margin-bottom: 8px;
}
body div#passchange{
    background-color: rgba(193, 212, 210, 0.84);
}
body div#passchange h5{
    color: white;
}
body div#passchange label{
    color: white;
      font-weight: 500;
    font-size: 16px;
}
body div#forgotpassword{
    background-color: rgba(193, 212, 210, 0.84);
}
body div#forgotpassword h5{
    color: white;
}
body div#forgotpassword legend{
    color: white;
    font-size: 15px;
}
body div#forgotpassword fieldset{
       border: 1px solid rgba(218, 218, 218, 0.48);
      margin-bottom: 10px;
}

body div#CreateContactModal{
    background-color: rgba(193, 212, 210, 0.84);
}
body div#CreateContactModal h5{
    color: white;
}
body div#CreateContactModal label{
    color: white;
      font-weight: 500;
    font-size: 16px;
}
body div#EditContactModal{
    background-color: rgba(193, 212, 210, 0.84);
}
body div#EditContactModal h5{
    color: white;
}
body div#EditContactModal label{
    color: white;
      font-weight: 500;
    font-size: 16px;
}

body div#Excel_DataManipulation{
    background-color: rgba(193, 212, 210, 0.84);
}
body div#Excel_DataManipulation h5{
    color: white;
}
body div#Excel_DataManipulation label{
    color: white;
      font-weight: 500;
    font-size: 16px;
}
.menu-text{
       padding:0 1rem !important;
   }
   
main .public{
    background: #C5C5C5;
}

 main .public:hover{
     background: #9C9C9C !important;
 }
.bg-transparent {
    /*background: rgba(72, 72, 72, 0.43);*/
    /*background: rgba(226, 226, 226, 0.43);*/
    background: rgba(214, 213, 213, 0.43);
}
.bg-transparent-dark {
    background: rgba(72, 72, 72, 0.43) none repeat scroll 0% 0%;
}
.color-white{
    color:#ffffff
}
hr{
    border-bottom: 1px solid rgba(218, 218, 218, 0.48);
}
main div#map{
        border: 1px solid white;
}

main section#title{
    padding-top: 12px;
}
/*main section#title h5{
           margin-top: 8px;
           color: white;
}*/
main section#title .create{
            padding: 0.68em 1em 0.68em 1.5em;
        margin: 0px 0px 11px 0px;
            border: 1px solid rgb(87, 100, 148);
    background: rgb(65, 75, 115) !important;
}
main section#title .plus{
    padding: 0.68em 0.8em;
    margin: 0px -8px 11px 0px;
        /*padding: 0.68em 0.6em;
        margin: 0px 0px 11px 0px;*/
}
main section#title .page-titles{
    font-size: 2em;
    color:white;
    font-weight:200;
   margin-bottom: 4px;
}
main section#sendexcel{
    padding-bottom: 10px;
}
main section#title .sendexcel {
    background: transparent !important;
    border: 1px solid;
    margin-bottom: 10px; 
    margin-right: 0px; 
    float: right;
}
main section#title .sendexcel:hover, .sendexcel:focus{
    border: 2px solid white !important;
    font-weight: bold;
    background-color: transparent !important;
}
main section#buycredits {
    padding-bottom: 25px;
}
main section#buycredits h5{
    color: white;
    margin-bottom: 10px;
}
/*main section#buycredits .panel{
        padding: 0px 0px 0px 10px;
    box-shadow: 0px 0px 13px gray;
   margin-top: 15px; 
      
     background:  rgba(255, 255, 255, 0.38);
}*/
main section#buycredits span{
        float: right;
    font-weight: bold;
    color: rgba(230, 230, 230, 0.81);
}
main section#buycredits .bank{
    margin-bottom: 0px;
    color: rgba(230, 230, 230, 0.81);
    font-weight: bold;
}
main section#group{
    padding: 7px 0px 10px;
}
main section#group .step{
    font-size: 15px;
  color:  #7D7D7D !important;
 }
main section#group .panel{
        padding: 20px;
        /*background: #BDC6D2;*/
        background:rgba(189, 198, 210, 0.68) ;
}
main section#group h5{
     margin-bottom: 2px;
     color: white;
}
main section#group p{
     margin-bottom: 6px;
}
main section#group div#or{
       font-weight: bold;
    font-size: 14px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    /*line-height: 80px;*/
    background: rgb(87, 100, 148);
    padding: 22px;
    color: white;
     position: absolute;
    left: 48%;
    margin-top: -54px;
    text-transform: uppercase;
}
main section#login {
 padding: 9px 0px 24px;
}
main section#login .reg{
   margin: 0px; 
   float: right; 
   background: transparent; 
   border: 1px solid; 
   padding: 8px 12px; 
   margin-top: 3px; 
}

main section#login .reg:hover, .reg:focus{
   /*border: 2px solid white !important;*/
   font-weight: bold;
   background-color: transparent !important;
}
main section#login .forgot{
background: transparent; 
padding:14px 0px 0px; 
margin-bottom: 0px;
}
main section#login .forgot:hover{
  font-weight: bold;
   background-color: transparent !important;
}
main section#account{
    
    padding-bottom: 10px;
}

main section#account H5{
  color: white;
}
main section#instructions{
    padding: 7px 0px 11px;
}
main section#instructions h5 {
    color: white;
    margin-bottom: 16px;
}
main section#instructions ul{
    color: rgb(208, 208, 208);
}
main section#instructions p{
    margin-bottom: 6px;
}
/*main section#contact .panel{
        padding: 10px 0px 10px 10px;
    box-shadow: 0px 0px 13px gray;
   margin-top: 27px;
    background: rgba(255, 255, 255, 0.38);
   
}*/
main section#contact label{
    color: white;
      font-weight: 500;
    font-size: 16px;
}
main section#contact h5{
    color: white;
    margin-bottom: 0px;
}
main section#contact{
    padding: 12px 0px 6px 0px;
}
main section#contact span{
    float: right;
        font-weight: bold;
    color: rgba(105, 110, 117, 0.65);
}

main section#creditedit label{
   
     color: white;
       font-weight: 500;
    font-size: 16px;
}

p{
    font-size: 14px;
    color: white;
    /*font-weight: lighter;*/
}
main textarea{
    color: black;
}
.circular {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background: no-repeat;
    /*url('/Images/user.jpg')*/
    margin: auto;
	}
.myclose{

    background: inherit;
    color: #333;
    font-size: 1.975rem;
    line-height: 0.9;
    margin-top: -0.6875rem !important;
    opacity: 0.3;
    padding: 0 4px 4px;
    position: absolute;
    right: 0.25rem;
    top: 50%;
}
.form-error{
color: #c60f13 !important;
    font-weight: 300 !important;
}
.pagination .active{

  background: rgb(87, 100, 148) !important
}
.pagination li :hover{
      background: #898B94 !important;
}
.pagination  a{
    color: white !important;
    font-weight: 600;
}

.callout.secondary{
        background-color: transparent;
    color: white;
    text-align: center;
    border: none;
}
.row .row{
    margin-left: auto !important;
    margin-right: auto !important;
}
.head_title{
    position:absolute;
    top:569px;
    font-weight:200;
    font-size:2.5em;
    color:white;
    margin:0 auto;
    width:100%;
}
main .short {
    font-size: 13px;
    float: right;
    margin-top: 9px;
}
main table{
    margin-bottom: 0px !important;
}
main section#list .short li{
    background: transparent;
    /*background: #F2F2F3;*/
        display: inline-block !important;
}
main section#list .short a{
    color: white;
    padding: 5px 4px;
    /*border: 1px solid #C5C5C5;*/
    /*color: #ADAFB7;*/
}
main section#list .short a:hover{
  color: rgb(119, 127, 156) !important;
    /*border: 1px solid rgba(125, 131, 152, 0.81);*/
}
main ul.date {
    font-size: 13px;
    float: right;
    margin-top: 7px;
    margin-right: 10px;  
    border-right: 1px solid rgba(193, 212, 210, 0.84); 
}
main section#list ul.date li{
    background: transparent;
    /*background: #F2F2F3;*/
        display: inline-block !important;
}
main section#list ul.date a{
    color: white;
    padding: 0px 6px;
    /*border: 1px solid #C5C5C5;*/
    /*color: #ADAFB7;*/
}
main section#list ul.date a:hover{
    color: rgb(119, 127, 156) !important;
   
}

main ul.alpha {
    font-size: 13px;
    float: right;
    margin-top: 9px;
}
main section#list ul.alpha li{
    background: transparent;
    /*background: #F2F2F3;*/
        display: inline-block !important;
}
main section#list ul.alpha a{
    color: white;
    padding: 5px 6px;
    /*border: 1px solid #C5C5C5;
    color: #ADAFB7;*/
}
main section#list ul.alpha a:hover{
   color: rgb(119, 127, 156) !important;
}
main section#sendsms input#Sender{
    margin-bottom: 13px !important;
}
main section#sendsms textarea#Receivers{
   font-size: 16px !important;
}
main section#sendsms label{
    color: white;
    font-weight: 200;
    font-size: 22px;
}

main section#sendsms .accordion{
    border: none !important; 
    border-radius: 0px;
}
main section#sendsms .accordion-title{
    color: #ADAFB7;
    font-size: 15px;
    padding: 15px 16px;
}
main section#sendsms .accordion-title:hover, .accordion-title:focus{
    background-color: #F1F1F3;
   
}
 main section#sendsms .accordion-content a{
     color: #ADAFB7;
     font-size: 15px;
 }
  main section#sendsms .accordion-content label{
    color: #BFBFBF;
    font-size: 15px;
    font-weight: 300;
 }
 main section#sendsms .accordion-content{
     background-color: rgba(243, 243, 243, 0.54);
     border: 1px solid #e6e6e6;
 }
  main section#sendexcel .panel{
     background-color: rgba(255, 255, 255, 0.38);
     padding: 20px; 
      margin-bottom: 14px;
 }

  main section#sendexcel .check{
     margin-right: 0px;
     margin-bottom: 0px;
         background: transparent !important;
    border: 1px solid;
 }
 main section#sendexcel .check:hover,.check:focus {
         background: transparent !important;
    border: 1px solid;
        border: 2px solid white !important;
    font-weight: bold;
    background-color: transparent !important;
 }
main section#sendexcel .step{
    font-size: 18px;
  color:  #7D7D7D !important;
 }
main section#sendexcel h4{
    color: white;
    font-weight: 200;
    margin-bottom: 4px;
 }
main section#sendexcel .summary{
   color: #88888A;
        margin-bottom: 0px;
    font-weight: 200;
    font-size: 17px;
    border-bottom: 1px solid rgba(136, 136, 138, 0.78);
}
main section#sendexcel div#Stage3 .panel span{
   color: white;
   font-weight: 200;
   font-size: 32px;
}
main section#sendexcel div#Stage3 .panel{
     background-color: rgba(255, 255, 255, 0.38);
     /*padding: 20px 0px !important;*/ 
      padding: 20px 20px !important;
 }
main section#sendexcel table{
   margin-bottom: 14px;
 }
main section#sendexcel table thead td{
    border: 1px solid #ADAFB7;
    font-weight:200;
       font-size: 17px;
}
main section#sendexcel table tbody td{
    border: 1px solid #ADAFB7;
}
main section#sendexcel label{
    color: white;
      font-weight: 200;
    font-size: 17px;
}    
main thead{
        background: #F2F2F3;
}
main tbody tr:nth-child(even){
    background-color: #fefefe;
}
main table.hover tr:nth-of-type(even):hover{
    background: #f9f9f9 !important;
}
main tbody td a{
    color: #ADAFB7;
}
main tbody td a:hover{
    color: rgb(119, 127, 156) !important;
}

main  thead th, thead td, tfoot th, tfoot td{
        color: #88888A;
}
main tbody td {
      color: #ADAFB7;
}
.right{
    float: right;
}
.left{
    float: left;
}
.count{
    font-size: 17px;
    margin-bottom: 8px;
    color: rgba(230, 230, 230, 0.81);
}
header div#example-menu ul.second li:hover{
    background: rgba(230, 230, 230, 0.49) !important;
}
header div#small-menu li:hover{
    background: rgba(230, 230, 230, 0.49) !important;
}
header a.first:hover{
    color: rgba(230, 230, 230, 0.81) !important;
}
[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea{
    font-size:18px !important;
    font-weight: normal !important;
    color: #7D7D7D !important;
}
.titlemed{
    color: #FFF;
font-weight: 200;
margin-bottom: 4px;
font-size: 1.5625rem;
}

.GoBig{
    width: 60% !important;
}
@media screen and (min-width: 58em){
    .GoBig{
    width: 45% !important;
}
}
.sendbtn_enlarge{
    padding: 10px 30px;
    font-size:18px;
}
.callout_slick{
    border: 1px solid rgba(255, 255, 255 ,0.25)!important;
    border-radius: 3px;
    color: white;
    background-color: rgba(255, 255, 255 ,0.1) !important;
    
}

/*@font-face {
	font-family: 'helvetica';
	src: url('../fonts/helvetica.eot');
	src: url('../fonts/helvetica.eot?#iefix') format('embedded-opentype'),  url('../fonts/helvetica.woff') format('woff'),  url('../fonts/helvetica.ttf') format('truetype'),  url('../fonts/helvetica.svg#HelveticaLTStdRoman') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'helveticab';
	src: url('../fonts/helveticab.eot');
	src: url('../fonts/helveticab.eot?#iefix') format('embedded-opentype'),  url('../fonts/helveticab.woff') format('woff'),  url('../fonts/helveticab.ttf') format('truetype'),  url('../fonts/helveticab.svg#helveticab') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

@font-face {
  font-family: "HelveticaNeue";
  src: url('../fonts/helveticaneue.eot');
  src: url('../fonts/helveticaneue.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaneue.woff') format('woff'), url('../fonts/helveticaneue.ttf') format('truetype'), url('../fonts/helveticaneue.svg#HelveticaNeue') format('svg');
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "HelveticaNeueUltraLight";
  src: url('../fonts/helveticaneueultralight.eot');
  src: url('../fonts/helveticaneueultralight.eot?#iefix') format('embedded-opentype'), url('../fonts/helveticaneueultralight.woff') format('woff'), url('../fonts/helveticaneueultralight.ttf') format('truetype'), url('../fonts/helveticaneueultralight.svg#HelveticaNeueUltraLight') format('svg');
  font-style: normal;
  font-weight: normal; }

.callout{
    border: 1px solid rgba(255, 255, 255 ,0.25);
    border-radius: 3px;
    color: white;
    background-color: rgba(255, 255, 255 ,0.1);
    margin: 2px 0px 14px 0px;
}
.fa-spin{
    color: white !important;
}
.callout.alert {
    background-color: rgba(255, 255, 255 ,0.1);
}

.hidden{

    display:none;
}
.selected{
    color:white!important;
}