/* GENERAL RULES */
select:hover { cursor: pointer; }
div.divider { width: 100%; height: 2px; margin: 10px auto 15px auto; }
#modal-package-body h4 { border-bottom: 1px solid #777; font-size: 18px; }
#requests-pending { z-index: 10000; position: fixed; }

/* NAV BAR RULES */
div[uib-collapse="isNavCollapsed"] { overflow: hidden !important; }

nav .dropdown-menu>li>a { padding: 10px 20px; }

/* LOGIN RULES */
div[role="main"] div.row div.col-sm-5 div.panel div.panel-body form div.text-center div { margin-left: 0; }

/* OVERVIEW RULES */
#home-top-left-panel-balance-balance h4 span { margin-left: 5px; }
#balance-box-pretty { padding: 10px; background-color: #f3f3f3; }
#home-top-right { display: none; }
#home-top-center div div div div.col-sm-3.ng-scope { height: 135px; text-align: center; margin-bottom: 5px; }
#home-top-center div.cdr-activity-positive { width: 75%; margin: auto; }
#home-top-left-panel-balance form { padding: 10px; }
#home-bot-left-additionalnumbers-row-number { margin-bottom: 10px; }
#home-bot-left-additionalnumbers-row-number label { margin-bottom: 0; }
#home-bot-left-additionalnumbers-row-number span { display: block; }
#home-bot-left-additionalnumbers-row-manage a { padding: 5px 10px; margin-top: 7px; }
#home-bot-left-additionalnumbers-bot { margin-top: 10px; }
#home-bot-left-additionalnumbers-bot-manage, #home-bot-center-packages-manage, #home-bot-center-packages-manage div.col-sm-9,
#home-bot-right-orders-manage, #home-bot-right-orders-manage div.col-sm-9 { margin-top: 10px; }
#home-bot-center-packages-expiry div { width: 90%; margin-left: 0; }
#home-bot-center-packages { margin-bottom: 10px; }
#home-bot-center-packages-data div div.progress, #home-bot-center-packages-voice div div.progress, #home-bot-center-packages-sms div div.progress { margin-bottom: 5px; }
#home-bot-right-orders div { margin-bottom: 10px; }
#home-top-center-viewactivities { border-top: 1px solid #ddd; padding-top: 11px; }
.no-cdr-activity span {
	height: auto; width: 0px; position: absolute; top: 125px; right: auto; transform: rotate(270deg); -o-transform: rotate(270deg);
    white-space: nowrap; -ms-transform: rotate(270deg); -moz-transform: rotate(270deg); font-style: italic; color: #ccc;
}

/* MANAGEMENT RULES */
#management-top-displayednumber { /*width: 100%;*/ margin: 0 auto 15px auto; }
#management-top-simdetails { width: 100%; }
#management-top-simdetails div.dl-horizontal { margin-bottom: 0; }
#management-top-simdetails div.dl-horizontal dd { margin-bottom: 5px; }
#management-bot-additionalnumbers-number, #management-bot-options-active { height: 35px; }
#management-bot-balance label { margin-right: 10px; }
#management-bot-balance input { min-width: 70px; }
#management-bot-balance-send { margin-top: 10px; }

/* PROFILE RULES */
#profile-address div.panel-body div.row div { padding: 15px; }
#profile-address div.panel-body div.row div p { margin-bottom: 0; }
#profile-address div.panel-body div.row div.col-sm-4 { padding: 15px; width: 31.33333333%; margin: 1%; box-shadow: 0px 2px 5px #ddd; height: 210px; }
#profile-address div.panel-body div.row div.col-sm-4 div { position: absolute; bottom: 15px; right: 15px; }
#profile-creditcards div.panel-body div.row div { padding: 15px; }
#profile-creditcards div.panel-body div.row div p { margin-bottom: 0; }
#profile-creditcards div.panel-body div.row div.col-sm-4 { padding: 15px; width: 31.33333333%; margin: 1%; box-shadow: 0px 2px 5px #ddd; height: 180px; }
#profile-creditcards div.panel-body div.row div.col-sm-4 div.row {  }
#profile-creditcards div.panel-body div.row div.col-sm-4 div div { position: absolute; bottom: 15px; right: 15px; padding: 0; }
#profile-creditcards p[ng-show="cc.auto_recharge"] { font-size: 10px; width: 85%; }

/* PACKAGES RULES */
#packages-subscribed-package { width: 48%; margin: 1%; box-shadow: 0px 2px 5px #ddd; padding-bottom: 15px; }
#packages-available-package { width: 31.3333333%; margin: 1%; padding: 15px; padding-top: 0; box-shadow: 0px 2px 5px #ddd; height: 180px; }
#packages-available-package div.pull-right { float: left!important; width: 100%; }

/* STORE RULES */
#store-categories ul li { height: 90px; width: 48%; margin: 1%; padding-top: 10px; box-shadow: 0px 2px 5px #ddd; }
#store-newproducts div.panel-body div.row div.col-sm-4 { width: 31.3333333%; margin: 1%; padding: 15px; box-shadow: 0px 2px 5px #ddd; height: 180px; }
#store-newproducts div.panel-body div.row div.col-sm-4 div.media-body p.ng-binding { height: 60px; overflow: hidden; }
#store-newproducts div.panel-body div.row div.col-sm-4 div.media-body div.pull-right { position: absolute; right: 15px;bottom: 15px; }
#store-categories-show div.panel-body div.row div.col-sm-4 { width: 31.3333333%; margin: 1%; padding: 15px; box-shadow: 0px 2px 5px #ddd; height: 180px; }
#store-categories-show div.panel-body div.row div.col-sm-4 div.media-body p.ng-binding { height: 60px; overflow: hidden; }
#store-categories-show div.panel-body div.row div.col-sm-4 div.media-body div.pull-right { position: absolute; right: 15px;bottom: 15px; }
#modal-cart-footer-send a span { overflow: hidden; display: block; }
.modal-cart-body-row { padding-bottom: 10px; }
@media(max-width:768px){
  #modal-cart-body-image img { max-width: 45%; margin: auto; }
}

#addsim-accordion-step4-pick-newnumber{ margin-bottom: 20px; }

/* GTC */
.gtc-inbox {overflow: scroll; overflow-x: hidden; position: relative; max-height: 500px}
@media(max-height:800px){
    .gtc-inbox { max-height: 400px; }
}
@media(max-height:700px){
    .gtc-inbox { max-height: 300px; }
    div[ng-controller="ReapproveGtcController"] { font-size:12px; }
}
@media(max-height:600px){
    .gtc-inbox { max-height: 250px; }
    div[ng-controller="ReapproveGtcController"] { font-size:11px; }
}

/* MEDIA */
@media(max-width:992px){
	nav .nav>li>a { padding: 10px 10px; }
	.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 50%; }
	.h2, h2 { font-size: 26px; }
	.h1, h1 { font-size: 32px; }
}
@media(max-width:768px){
	ul.nav.navbar-nav.pull-right { float: left!important; width: 100%; }
	#home-top-center div div div div.col-sm-3.ng-scope { width: 25%; float: left; }
	#home-bot-left-additionalnumbers-row-number { width: 75%; float: left; }
	#home-bot-left-additionalnumbers-bot-icon, #home-bot-center-packages-icon, #home-bot-right-orders-icon { width: 25%; float: left; }
	#home-bot-right-orders div.col-sm-8.ng-scope { width: 75%; float: left; }
	h2 a[href="management"], h2 a[href="faq"] { display: none; }
	#profile-address div.panel-body div.row div.col-sm-4 { width: 98%; }
	#profile-creditcards div.panel-body div.row div.col-sm-4 { width: 98%; }
	#management-bot-additionalnumbers-number div.col-sm-8 { width: 75%; float: left; }
	#management-bot-additionalnumbers-available-details { width: 75%; float: left; }
	#packages-available-package { width: 98%; height: auto; }
	#packages-subscribed-package { width: 98%; }
	.navbar-default .navbar-toggle { float: left; margin-left: 10px; }
	#management-bot-options-active-name { width: 75%; float: left; }
	#management-bot-options-available-cost { width: 50%; float: left; }
	#profile-address div.panel-body div.row div.col-sm-4 { width: 98%; height: auto; }
	#profile-address div.panel-body div.row div.col-sm-4 div { position: relative; bottom: 0; right: 0; }
	#profile-creditcards div.panel-body div.row div.col-sm-4 { width: 98%; height: auto; }
	#store-categories ul li { width: 98%; }
	#store-newproducts div.panel-body div.row div.col-sm-4,	#store-categories-show div.panel-body div.row div.col-sm-4 { width: 96%; margin: 1% 2%; }
}

.panel-block {
    background: rgba(0, 0, 0, .3);
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    display: inline-block;
    align-items: center;
    justify-content:center;
    font-size: 48px;
    display: flex;
}

.gly-spin {
  -webkit-animation: spin 2s infinite ease-in-out;
  -moz-animation: spin 2s infinite ease-in-out;
  -o-animation: spin 2s infinite ease-in-out;
  animation: spin 2s infinite ease-in-out;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.custom-disabled { cursor: not-allowed !important; opacity: 0.5 !important; }
.custom-disabled:hover { cursor: not-allowed !important; opacity: 0.5 !important; background: initial !important; border-color: initial !important; color: initial !important; }
.custom-disabled:active { cursor: not-allowed !important; opacity: 0.5 !important; background: initial !important; border-color: initial !important; color: initial !important; }
.custom-disabled:focus { cursor: not-allowed !important; opacity: 0.5 !important; background: initial !important; border-color: initial !important; color: initial !important; }
.custom-disabled:active:hover { cursor: not-allowed !important; opacity: 0.5 !important; background: initial !important; border-color: initial !important; color: initial !important; }
.custom-disabled:focus:hover { cursor: not-allowed !important; opacity: 0.5 !important; background: initial !important; border-color: initial !important; color: initial !important; }
.custom-disabled:active:focus:hover { cursor: not-allowed !important; opacity: 0.5 !important; background: initial !important; border-color: initial !important; color: initial !important; }