/*body > .container > div.row:first-child {
    margin-top:65px;
}*/
body > .container > .row {
    background: #EDEFF1;
    height: auto;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #DDDDDD;
}

table .action-buttons > a {
    font-size:15px;
}
.ng-hide{display:none;}
.nav.nav-tabs {margin-bottom:10px;}
.action-buttons {
margin:10px;}

/*angular-bootstrap fix*/
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

/*paging improvement*/
.paging_full_numbers li.disabled a {
display:none;}

tr.blocked {
    /*background-color:red !important;*/
    color:red;
}
/*tr.blocked td{color:white;}*/
tr.blocked a.blockedSensitive{
    cursor:not-allowed;
}

/* animate show and hide*/
/*.animate-show-hide {
  padding:10px;
  border:1px solid black;
  background:white;
}

.animate-show-hide {
  -webkit-transition:all linear 0.5s;
  transition:all linear 0.5s;
}

.animate-show-hide.ng-hide {
  opacity:0;
}*/
.validation-summary-errors ul {margin-left:17px;}

.yamm-content {
    color:white;
}

#bootstrap-overrides legend {
    margin-bottom: 0px;
}

#bootstrap-overrides div.input-group {
    width: 100%;
}

#bootstrap-overrides p {
    margin-bottom: 0px;
}

.beastMode {
    display:none;
}

#bootstrap-overrides h2 {
    margin-top: 5px;
}
.toggle-switch{max-height:40px;}

#bootstrap-overrides ul {
    padding: 0px;
}

/* menu*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100% !important;/* twa mis hiermee, enkel voor submenu's*/
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.table-responsive,#api-table{
    overflow-x:visible !important;
}
#loading-bar-spinner {
    /*left:auto !important;
    right:100px;*/
    color:white !important;
}
#loading-bar .bar {
    height: 5px !important;
}
#loading-bar-spinner .spinner-icon {
    border-top-color:white !important;
    border-left-color:white !important;
}

@media(min-width:768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left:0px !important;
    }
}

.tiny.form-control {
    padding:4px 4px;
}

tr.premiumspayed {background-color:#a4d491 !important;}
tr.premiumsnotpayed {background-color:#d39292 !important;}
tr.premiumstoomuchpayed {background-color:#ffa500 !important;}

/*.app-settings-dialog {
}*/

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
/*.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}*/

/*
 * Styles copied from the Grid example to make grid rows & columns visible.
 */
/*.container {
  padding-right: 15px;
  padding-left: 15px;
}

h4 {
  margin-top: 25px;
}
.row {
  margin-bottom: 20px;
}*/
/*.row .row {
  margin-top: 10px;
  margin-bottom: 0;
}
[class*="col-"] {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #eee;
  background-color: rgba(86,61,124,.15);
  border: 1px solid #ddd;
  border: 1px solid rgba(86,61,124,.2);
}*/

.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
}

    .lds-dual-ring:after {
        content: " ";
        display: block;
        width: 64px;
        height: 64px;
        margin: 8px;
        border-radius: 50%;
        border: 6px solid #cef;
        border-color: #cef transparent #cef transparent;
        animation: lds-dual-ring 1.2s linear infinite;
    }

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

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