*{
	/* On a production site, use a real reset instead of this! */
	margin:0;
	padding:0;  
} 
body{
  font-size:12px;
}
@media only screen and (max-width: 1600px) {
  body {font-size:10px;}
}
@media only screen and (max-width: 1200px) {
  body {font-size:8px;}
}
html, body{
  height:100%;
}

.font-12em{font-size:1.2em;}
.font-15em{font-size:1.5em;}
.font-2em{font-size:2em;}
.font-3em{font-size:3em;}
.font-4em{font-size:4em;}
/*.modal-footer{clear:both;}  */
/*
.selectize-dropdown{
  position:absolute;
  z-index:5000;
} 
*/

.btn-action-margin{margin-left:5px;}
.modal-confirmation{
  position:absolute;
  right:2em;
  top:0.65em;
  color:green;
}  
.modal-dialog.modal-full-height{
  height: 93%;
}
.modal-dialog.modal-full-height .modal-content{
  height: 100%;
}
.modal-dialog.modal-full-height .modal-footer{
  background:#445566;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;  
}
.modal-dialog.modal-full-height .modal-body {
    height: calc(100% - 100px);      
   overflow-y: scroll;       
 /*overflow-y: overlay;*/ /*doesnt not work on firefox*/  
   /*padding-bottom:200px; *//*we do that to avoid issue on selectize a oveflow */   
/*  overflow:auto; */
}
/*
.modal-dialog.modal-full-height {height: 90%;}

.modal-dialog.modal-full-height .modal-content {
  height: 100%;            
  overflow-y: auto;
  min-height: 100%;
  overflow:hidden;
}
.modal-dialog.modal-full-height .modal-footer {
  position: fixed;  
  bottom: 0;
  width: 100%;
}
*/
@media (min-width:1280px){
  .modal-lg {width: 1200px;}
}




@font-face {
    font-family: arial;
    src: url(../fonts/arial.ttf);
}
@font-face {
    font-family: dunkin;
    src: url(../fonts/Dunkin.ttf);    
}

/*
.iti-flag {background-image: url("app/img/flags.png");}
 
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {background-image: url("app/img/flags@2x.png");}
}
*/
.page-part{
  float:left;
}

ul{list-style: none;}
.bold{font-weight:bold;}

.no-margin-side{
  margin-left:0px !important;
  margin-right:0px !important;  
} 
.no-padding-side{
  padding-left:0px !important;
  padding-right:0px !important;  
}


.ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* beg -------------------------- loading-------------- */
body.loading {
    overflow: hidden;   
}

/*loading modal*/ 
body.loading #loading{
  display: block;
}
#loading {
    display:    none;
    position:   absolute;
    z-index:    10000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 0, 0, 0, .6 ); 

}
#spinner {
  position: absolute;          
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 2.5em;
  width: 2.5em;
  animation: rotate 1s infinite linear;
  border: 0.3em solid #fff;
  border-right-color: transparent;
  border-radius: 50%;    
}

@keyframes rotate {
  0%    { transform: rotate(0deg); }
  100%  { transform: rotate(360deg); }
}


/* end -------------------------- loading-------------- */


/* beg -------------------------- init loader-------------- */ 
.init_loader_holder {
  background:#ddd;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  padding: 0;
  transition: opacity .5s;
}

/*
.loader_holder {
  position:relative;
  left: 0;
  top: 0;    
  width: 100%;
  height: 100%;
  z-index:100;
  background:rgba(0,0,0,0.1);
}  
*/
.init_loader {
  position: relative;
  top: 47%;
  left: 47%;  
  border: 5px solid #FCD8A2; 
  border-top: 5px solid #ff9900; 
  border-radius: 50%;
  width: 4em;
  height: 4em;
  animation: spin 1s linear infinite;
}

.init_loader_signature{
  font-weight:bold;
  width:100%;
  text-align:center;
  position:absolute;
  bottom:2em;
  margin:auto auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* end -------------------------- init loader-------------- */


/* beg -------------------------- loader-------------- */
.loader_holder {
  background:rgba(0,0,0,0.5);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  padding: 0;
  transition: opacity .5s;
}

/*
.loader_holder {
  position:relative;
  left: 0;
  top: 0;    
  width: 100%;
  height: 100%;
  z-index:100;
  background:rgba(0,0,0,0.1);
}  
*/
.loader {
  position: relative;
  top: 25%;
  left: 25%;  
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* end -------------------------- loader-------------- */

#page-info{
  background:rgba(0,0,0,0.75);
  line-height:4em;
  height:4em;
  color:#fff;
  border-bottom:0.3em solid #2F9E4B; 
}

#user-info{
  font-size:1.2em;
//  font-weight:700;
  padding-left:3em;
  font-family: "dunkin";
  text-transform: uppercase;    
}

#platform-selector{
  color:#000 !important;
}

.select-xs {
    font-size: 10px;

}
.input-xs {
    height: 30px;
    padding: 0px 5px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 3px;
}
.input-xxs {
    height: 18px;
    padding: 0px 0px;
    font-size: 10px;
    line-height: 1;
    border-radius: 3px;
}

.fa-angle-times::before {
  content: "\F105\F104";
  letter-spacing: -0.15em;
}


.col-xs-offset-right-12 {margin-right: 100%;}
.col-xs-offset-right-11 {margin-right: 91.66666667%;}
.col-xs-offset-right-10 {margin-right: 83.33333333%;}
.col-xs-offset-right-9 {margin-right: 75%;}
.col-xs-offset-right-8 {margin-right: 66.66666667%;}
.col-xs-offset-right-7 {margin-right: 58.33333333%;}
.col-xs-offset-right-6 {margin-right: 50%;}
.col-xs-offset-right-5 {margin-right: 41.66666667%;}
.col-xs-offset-right-4 {margin-right: 33.33333333%;}
.col-xs-offset-right-3 {margin-right: 25%;}
.col-xs-offset-right-2 {margin-right: 16.66666667%;}
.col-xs-offset-right-1 {margin-right: 8.33333333%;}
.col-xs-offset-right-0 {margin-right: 0;}