@media (max-width: 400px) {  
    .table-responsive {
        font-size:10px !important;
    }
}

.world-map-m2m {
    height: 400px;
}

.m2m-news {
    height: 400px;
}
.card-tools {
    display: block;
    float: none;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right;
}

.m2m-card-title {
    border-image: none;
    border-width: 3px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 0px 0px 0px;
    width: 100%;
    float: right;
}

.metric-toggle {
    margin-left: 10px;
}

.m2m-card-title h5 {
    display: inline-block;
    margin: 0 0 0;
    padding: 0;
    text-overflow: ellipsis;
    float: left;
}

.chartjs-render-monitor {
    -webkit-animation: chartjs-render-animation 0.001s;
    animation: chartjs-render-animation 0.001s;
    animation-name: chartjs-render-animation;
    animation-duration: 0.001s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
}

/* Style tab links */
.tablink {
    background-color: #555;
    color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    width: 25%;
  }
  
  .tablink:hover {
    background-color: #777;
  }
  
  /* Style the tab content (and add height:100% for full page content) */
  .tabcontent {
    color: black;
    display: none;
    padding: 100px 20px;
    height: 100%;
  }

@media (min-width: 375px) {
    .diagnostic {
	    height: 22px;
	    border: 1px solid #ccc;
	    clear: both;
	    margin: 0px 0;
	    background: #fff;
	    overflow: hidden;
	}

	.diagnostic-text {
	    overflow: hidden;
	    display: block;
	    float: none;
	}
	
	.diagnostic-value {
	    float: left;
	    font-size: 10px;
	    font-weight: 700;
	    line-height: 10px;
	    width: 40%;
	    text-align: center;
	}
	
	.diagnostic-comments {
	    font-size: 8px;
	    height: 10px;
	    width: 60%;
	    line-height: 10px;
	    display: table-cell;
	    vertical-align: middle;
	}
	
	.diagnostic-title.warning {
	    background-position: 0 0;
	}
	
	.diagnostic-title.ok {
	    background-position: 0 -40px;
	}
	
	.diagnostic-title.error {
	    background-position: 0 -80px;
	}
	
	.diagnostic-title {
	    width: 120px;
	    float: left;
	    height: 18px;
	    background: url(/img/status_background.png) no-repeat 0 -40px;
	    color: #fff!important;
	    padding: 0;
	}
	
	.diagnostic-title.warning span {
	    background-position: 0 -60px;
	}
	
	.diagnostic-title.ok span {
	    background-position: 0 -0px;
	}
	
	.diagnostic-title.error span {
	    background-position: 0 -20px;
	}
	
	.diagnostic-title span {
	    font-size: 8px;
	    font-weight: 700;
	    line-height: 18px;
	    padding-left: 18px;
	    margin: 0px 0 0px 0px;
	    display: block;
	    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAADICAYAAADodcFZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNkYyMzM2NzhGOTcxMUU3QTIxMEZEMDQzQjE2MEQzRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNkYyMzM2ODhGOTcxMUU3QTIxMEZEMDQzQjE2MEQzRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM2RjIzMzY1OEY5NzExRTdBMjEwRkQwNDNCMTYwRDNGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM2RjIzMzY2OEY5NzExRTdBMjEwRkQwNDNCMTYwRDNGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+JOWyjQAABrJJREFUeNrsWn1sFEUU3+sdWIrHh9KoJCioNCWSQjWoaEhQ4x/oPxLjXyaixijiZywp4kei1qY0oKKQAJpCIAgRKo1FWkw/KVHKFS3FYgvSFm29foGU++i1ex/Pmb3ZY3Z35m739gzXZB957O3szG/fm/fm/WYWbAAgpFIyhBRLegHWni+HDfWvKecMz2EyuvlYIYghEfpGuoFuTwpsS9N6oGXA0wuldW9CUoBfNq4DtQTDIuw+uck44BcNhRqwUCQEH/y4Crgu7zpRCq6LDaBu/6xurRYsHIKPq17mz+Hm+mvu/NJdE+u4qbZAAxaOhOGTqlc0L479ONRaphlU31kBpT+9pWmPILCiqtXAmhbFTbv7FCSSCPrzadUa4M2zpuHPofa4gPHAuFG+MHSWCVZ85HVIlAncB13DfyjASo68AXpSK+7Djv5WGAsGoOjwGtCbqwk77D2xBYwkv80qsP8PoFj5A1x5II87ufgZ7sN8qI6Sr7QEL1YItri40ZWeoT5S33hp44l2uFY4Ozo0A0hbTDwq0NgP/75vmcuNBlWDyULGKgF783Mh0NjAHCC2nZaUJXgMHstdKWMnm0GvkL6Jl15AB2iAARZ3LfuPNXLByDPmOG5i27KyhGSesV3mRFPhMiOlmC7rAZNl9EwbPyin83LAe7yJOdCD5szDmVMPShs8VgN45Wg1c4CXiqaXE30yVuty/9c7lG9vPqFxibTFhIzhz6GbgF6pq+WmBnkGbhUYNw8vV1fB8btmcwHxM9zH4pTrCLi5ugWw6kJkRWrxe2VwyKVYq7LE7ld+Xg6Gqs3KJblCRUunxqrL3lEwbKG0Qa+SWE+2RJK390jbZLjk8QPtDTexsZu4M+UOnOp2AwaXXyC7rr5nAlJzJ13Vb8f3tMWU1fGXHh6kCoqgclGyXP1CxdLLf38nLM+9PTa3jZ1/C63FL9pY8/5rTz/cN+82OlDCzc4sqa9Dbpw3a7pwB1I9MlfVD4ElzkOWO/J00C6r+2nyUHaddp8l2GU0JVpGpMuXDCbPH77H7Zy5pBPcpusAznKbbmNlQ1ww3jzy2hMCJnPatyhgogKOl+fpj1yiNBBrV0U/DQy6ICXH24jovXYaaP4QTAEGf9+m/IARBU8O0Ld/QfT7zIALPLumgb9yhfRNROzYHReUG5QbHtwoXYNdFUJ4xCOIXdUCeHuFSbnPCb4D+WAoyv7KJ8Ax90lSmOxC1BMcwYjUlLl0k7G0yVxaQhU9mxBBYFhlsxxzHhN8h58CXYD+mpfAnr1IlVbEQkqylm3UZ+GUh4qVeRoOxiyUXZYGzpiPTlsFEBcw4CqFjKm3KDsgawEVeEf23ShSM5UvX/KucGn7JPY32OGy2RAJBpjHhvGeoxDy9rHPfb9tYVNA4NxBNlhvEwxsFWB4z0IIj41ov9aFxmFo552gyMNL++6HzJynmZMcHG4TQj5UINzt6K+rWtq0TxacD1MBcn8lgNjfwv9eKPrA27wBRjsPxD33Xa0viH7UHdq/HFIh4+5oNbJIKg0BHSbH453m9+Q6inSF2SjjrewIneepcNlLX424PBnpq+QqHQGRjsXdwSaQGfhbJHU/jVjlQeokv6cZcTmM1EfdR4xEeSrSn8kVSx5mB9W+2lDa4PZF1L2dZ5HexAYqeoIey9QWNpHkxPI4mWhTK2UZvWkgATC1lr2qaFrlKw0AnQnabDranHTatFHLLMhoC+to8xutNlaUJwiNYlr4hqrkL5i1cCEhrY/wNjMVLuNKfh7pX0RN0+i/SCfR02cEMIuAyLKdACYdZRaNOiwatWjUqofXg0ZxYZhCJb9pGh0gRbYQaY5FoxaNTkQaxS9fj/RG4mIJi0aNWIg55lmkZ5E+gvReFo0asRCf3g8i3Yt0FlnXw2ZotJeAymdl0SyNjqeaRu0WjVrlKw1olKZM+bcpGqUpcz7SHUL0y5xFoxaNWjTKo9HlydAorty3krnxq2g02yiN4v9Zsg3pOaS5SFeraNTJo1Gey7nEsnVIO5AuMEujQYpn/MQaUzT6D3WUsCVzvFXT6GiqadRhla/0o9FElMml0QyKMi8QDZI1SlNmJ4NG1W0LLBpND9a7CelWUrkxNTxv1sJ7SDEpShXr4fEXkQ4i7THqMk7cd0je4X/CLCau2qlkN2RhPtJnkJ5B+mgqWA9vPmuQfkfaTbNeH7WjnX5dWG9mKlmvnFSOOUjXmGE92ULszlqk/UgXp4L1BkluDRL3TLNeBpW8YNXDpABl5ppMNk2mWU9mrrlkZVisZwFagLT8J8AACuW9WtnqcQUAAAAASUVORK5CYII=) no-repeat 0 0;
	}
	
	.cntDiagnostics {
	    background: #e8eef1;
	    padding: 2px;
	    border-bottom: 1px solid #ccc;
	}
}

@media (min-width: 768px) {
	.diagnostic {
	    height: 36px;
	    border: 1px solid #ccc;
	    clear: both;
	    margin: 2px 0;
	    background: #fff;
	    overflow: hidden;
	}

	.diagnostic-text {
	    overflow: hidden;
	    display: block;
	    float: none;
	}
	
	.diagnostic-value {
	    float: left;
	    font-size: 12px;
	    font-weight: 700;
	    line-height: 36px;
	    width: 20%;
	    text-align: center;
	}
	
	.diagnostic-comments {
	    font-size: 12px;
	    height: 36px;
	    width: 80%;
	    line-height: 15px;
	    display: table-cell;
	    vertical-align: middle;
	}
	
	.diagnostic-title.warning {
	    background-position: 0 0;
	}
	
	.diagnostic-title.ok {
	    background-position: 0 -40px;
	}
	
	.diagnostic-title.error {
	    background-position: 0 -80px;
	}
	
	.diagnostic-title {
	    width: 230px;
	    float: left;
	    height: 36px;
	    background: url(/img/status_background.png) no-repeat 0 -40px;
	    color: #fff!important;
	    padding: 0;
	}
	
	.diagnostic-title.warning span {
	    background-position: 0 -60px;
	}
	
	.diagnostic-title.ok span {
	    background-position: 0 -0px;
	}
	
	.diagnostic-title.error span {
	    background-position: 0 -20px;
	}
	
	.diagnostic-title span {
	    font-size: 12px;
	    font-weight: 700;
	    line-height: 18px;
	    padding-left: 30px;
	    margin: 8px 0 8px 10px;
	    display: block;
	    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAADICAYAAADodcFZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNkYyMzM2NzhGOTcxMUU3QTIxMEZEMDQzQjE2MEQzRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNkYyMzM2ODhGOTcxMUU3QTIxMEZEMDQzQjE2MEQzRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM2RjIzMzY1OEY5NzExRTdBMjEwRkQwNDNCMTYwRDNGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM2RjIzMzY2OEY5NzExRTdBMjEwRkQwNDNCMTYwRDNGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+JOWyjQAABrJJREFUeNrsWn1s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) no-repeat 0 0;
	}
	
	.cntDiagnostics {
	    background: #e8eef1;
	    padding: 20px;
	    border-bottom: 1px solid #ccc;
	}
}

#expenseLimits {
    width:100%;
    height:100%;
    opacity:.95;
    top:0;
    left:0;
    display:none;
    position:fixed;
    background-color:#313131;
    overflow:auto
    }

div#popupLimits {
    position:absolute;
    left:50%;
    top:17%;
    margin-left:-202px;
    font-family:'Raleway',sans-serif
}
#formpopup {
    max-width:450px;
    min-width:400px;
    padding:10px 50px;
    border:2px solid gray;
    border-radius:10px;
    font-family:raleway;
    background-color:#fff
}
#formpopup p {
    margin-top:10px
}
#formpopup h2 {
    background-color:#FEFFED;
    padding:20px 35px;
    margin:-10px -50px;
    text-align:center;
    border-radius:10px 10px 0 0
}
#formpopup hr {
    margin:10px -50px;
    border:0;
    border-top:1px solid #ccc
}
#formpopup input[type=number] {
    width:20%;
    padding:10px;
    margin-top:10px;
    border:1px solid #ccc;
    padding-left:10px;
    font-size:16px;
    font-family:raleway
}

#formpopup button {
    width:40%;
    height:35px;
    border-radius:3px;
    background-color:#FEFFED;
    color:rgb(15, 15, 15);
    font-family:'Raleway',sans-serif;
    font-size:18px;
    cursor:pointer
}

#formpopup label{
    text-align:left !important; 
 }

 .waiting { cursor: wait; }

 #status_change {
    width:100%;
    height:100%;
    opacity:.95;
    top:0;
    left:0;
    display:none;
    position:fixed;
    background-color:#313131;
    overflow:auto
    }

div#popupStatus {
    position:absolute;
    left:50%;
    top:17%;
    margin-left:-202px;
    font-family:'Raleway',sans-serif
}
#statusformpopup {
    max-width:450px;
    min-width:400px;
    padding:10px 50px;
    border:2px solid gray;
    border-radius:10px;
    font-family:raleway;
    background-color:#fff
}
#statusformpopup p {
    margin-top:10px
}
#statusformpopup h2 {
    background-color:#FEFFED;
    padding:20px 35px;
    margin:-10px -50px;
    text-align:center;
    border-radius:10px 10px 0 0
}
#statusformpopup hr {
    margin:10px -50px;
    border:0;
    border-top:1px solid #ccc
}
#statusformpopup input[type=number] {
    width:20%;
    padding:10px;
    margin-top:10px;
    border:1px solid #ccc;
    padding-left:10px;
    font-size:16px;
    font-family:raleway
}

#statusformpopup button {
    width:40%;
    height:35px;
    border-radius:3px;
    background-color:#FEFFED;
    color:rgb(15, 15, 15);
    font-family:'Raleway',sans-serif;
    font-size:18px;
    cursor:pointer
}

#statusformpopup label{
    text-align:left !important; 
 }

 table.dataTable tbody td:not(.no_middle) {
    vertical-align: middle;
 }
 
 #send_sms {
    width:100%;
    height:100%;
    opacity:.95;
    top:0;
    left:0;
    display:none;
    position:fixed;
    background-color:#313131;
    overflow:auto
    }

div#sendSMS {
    position:absolute;
    left:50%;
    top:17%;
    margin-left:-202px;
    font-family:'Raleway',sans-serif
}
#smsformpopup {
    max-width:650px;
    min-width:600px;
    padding:10px 50px;
    border:2px solid gray;
    border-radius:10px;
    font-family:raleway;
    background-color:#fff
}
#smsformpopup h4 {
    padding:20px 35px;
    margin:-10px -50px;
    text-align:center;
    border-radius:10px 10px 0 0
}

#smsformpopup button {
    width:40%;
    height:35px;
    border-radius:3px;
    background-color:#FEFFED;
    color:rgb(15, 15, 15);
    font-family:'Raleway',sans-serif;
    font-size:18px;
    cursor:pointer
}

#subscription_change {
    width:100%;
    height:100%;
    opacity:.95;
    top:0;
    left:0;
    display:none;
    position:fixed;
    background-color:#313131;
    overflow:auto
    }

div#subChange {
    position:absolute;
    left:50%;
    top:17%;
    margin-left:-202px;
    font-family:'Raleway',sans-serif;
    max-width:650px;
    min-width:600px;
    padding:10px 50px;
    border:2px solid gray;
    border-radius:10px;
    font-family:raleway;
    background-color:#fff
}

#close_popup_sub {
    width:40%;
    height:35px;
    border-radius:3px;
    background-color:#FEFFED;
    color:rgb(15, 15, 15);
    font-family:'Raleway',sans-serif;
    font-size:18px;
    cursor:pointer
}

#cancel_popup_sub {
    width:40%;
    height:35px;
    border-radius:3px;
    background-color:#FEFFED;
    color:rgb(15, 15, 15);
    font-family:'Raleway',sans-serif;
    font-size:18px;
    cursor:pointer
}

.m2m-card-title-popup {
    border-image: none;
    border-width: 3px 0 0;
    color: inherit;
    margin-bottom: 0;
    padding: 0px 0px 0px;
    width: 100%;
    float: center;
}
.folder-list li {
    border-bottom: 1px solid #e7eaec;
    display: block;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-6 {
    width: 50%;
}
@media (min-width: 375px) {  .label_sim {
	    background-color: #d1dade;
	    color: #5e5e5e;
	    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	    font-size: 8px;
	    font-weight: 600;
	    padding: 3px 8px;
	    text-shadow: none;
	}
	.label_sim_red {
	    background-color: #ff0000;
	    color: #5e5e5e;
	    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	    font-size: 8px;
	    font-weight: 600;
	    padding: 3px 8px;
	    text-shadow: none;
	}
	.label_sim_orange {
	    background-color: #FFA500;
	    color: #5e5e5e;
	    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	    font-size: 8px;
	    font-weight: 600;
	    padding: 3px 8px;
	    text-shadow: none;
	}
	.label_sim_yellow {
	    background-color: #FFFF00;
	    color: #5e5e5e;
	    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	    font-size: 8px;
	    font-weight: 600;
	    padding: 3px 8px;
	    text-shadow: none;
	}
	.label_sim_title {
		font-size: 12px;
		padding: 0px 0px;
		font-weight: 600;
	}
}

@media (min-width: 768px) { .label_sim {
	    background-color: #d1dade;
	    color: #5e5e5e;
	    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	    font-size: 10px;
	    font-weight: 600;
	    padding: 3px 8px;
	    text-shadow: none;
	}
	.label_sim_red {
	    background-color: #ff0000;
	    color: #5e5e5e;
	    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	    font-size: 10px;
	    font-weight: 600;
	    padding: 3px 8px;
	    text-shadow: none;
	}
	.label_sim_orange {
	    background-color: #FFA500;
	    color: #5e5e5e;
	    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	    font-size: 10px;
	    font-weight: 600;
	    padding: 3px 8px;
	    text-shadow: none;
	}
	.label_sim_yellow {
	    background-color: #FFFF00;
	    color: #5e5e5e;
	    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	    font-size: 10px;
	    font-weight: 600;
	    padding: 3px 8px;
	    text-shadow: none;
	}
	.label_sim_title {
		font-size: 14px;
	}
}
.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}
.btn-danger {
    background-color: #ed5565;
    border-color: #ed5565;
    color: #FFFFFF;
}
/* .btn-success { */
/*     background-color: #00ff00; */
/*     border-color: #00ff00; */
/*     color: #FFFFFF; */
/* } */
.gray-bg, .bg-muted {
    background-color: #f3f3f4;
}
.bg-active {
    background-color: #80ff80;
}
.bg-deactivated, .bg-suspended, .bg-retired , .bg-terminated {
	background-color: #ff0000;
}
.bg-activationready, .bg-inactive, .bg-test, .bg-restore, .bg-pre-active {
	background-color: #ffff80;
}
.bg-m2m-navbar {
	background-color: #f3f3f4;
}
.bg-online {
    background-color: #80ff80;
}
.bg-offline {
    background-color: #f3f3f4;
}

.bg-m2m-footer {
	background-color: #f3f3f4;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
}

.navbar-nav > .active > a {
  color: white;
  background-color: #408080;    
}

.navbar-nav li.nav-item {
	float: left;
    position: relative;
    padding: 5px;
    display: inline-block;
}

.nav-item.active > a {
	color: 			white !important;
    font-weight: 	bold;
    display:        block;                       
	font-size:      11px;
    margin: 		15px 0px 20px 0px;
    padding: 		0px 14px;
    transition:     0.3s;
}

.nav-item > a {
    color: 			#182349 !important;
    display:        block;     
    font-weight: 	bold;                  
	font-size:      11px;
	margin: 		15px 0px 20px 0px;
    padding: 		0px 14px;
}

.widget {
    border-radius: 5px;
    padding: 15px 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.vertical-align div {
    display: inline-block;
    vertical-align: middle;
}
.btn-group button { margin: 0 7px; }

li#find_sim{
float:left;
padding-top:5px;
height:40px
}

#total_data {
    width:100%;
    height:100%;
    opacity:.95;
    top:0;
    left:0;
    display:none;
    position:fixed;
    background-color:#313131;
    overflow:auto
    }

div#totalData {
    position:absolute;
    left:50%;
    top:17%;
    margin-left:-202px;
    font-family:'Raleway',sans-serif
}

.chosen-container-single .chosen-single {
    height: 30px;
    border-radius: 3px;
    border: 1px solid #CCCCCC;
}
.chosen-container-single .chosen-single span {
    padding-top: 2px;
}
.chosen-container-single .chosen-single div b {
    margin-top: 2px;
}
.chosen-container-active .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {
    border-color: #ccc;
    border-color: rgba(82, 168, 236, .8);
    outline: 0;
    outline: thin dotted \9;
    -moz-box-shadow: 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: 0 0 8px rgba(82, 168, 236, .6)
}

table.dataTable tr.odd { background-color: #E2E4FF; }
table.dataTable tr.even { background-color: white; }

.btn-default {
    font-family: Raleway-SemiBold;
    font-size: 13px;
    color: rgba(108, 88, 179, 0.75);
    letter-spacing: 1px;
    line-height: 15px;
    border: 2px solid rgba(108, 89, 179, 0.75);
    border-radius: 40px;
    background: transparent;
    transition: all 0.3s ease 0s;
  }
  
  .btn-default:hover {
    color: #FFF;
    background: rgba(108, 88, 179, 0.75);
    border: 2px solid rgba(108, 89, 179, 0.75);
  }
  
  .btn-primary {
    font-family: Raleway-SemiBold;
    font-size: 13px;
    color: rgba(58, 133, 191, 0.75);
    letter-spacing: 1px;
    line-height: 15px;
    border: 2px solid rgba(58, 133, 191, 0.75);
    border-radius: 40px;
    background: transparent;
    transition: all 0.3s ease 0s;
  }
  
  .btn-primary:hover {
    color: #FFF;
    background: rgba(58, 133, 191, 0.75);
    border: 2px solid rgba(58, 133, 191, 0.75);
  }
  
  .btn-success {
    font-family: Raleway-SemiBold;
    font-size: 13px;
    color: rgba(103, 192, 103, 0.75);
    letter-spacing: 1px;
    line-height: 15px;
    border: 2px solid rgba(103, 192, 103, 0.75);
    border-radius: 40px;
    background: transparent;
    transition: all 0.3s ease 0s;
  }
  
  .btn-success:hover {
    color: #FFF;
    background: rgb(103, 192, 103, 0.75);
    border: 2px solid rgb(103, 192, 103, 0.75);
  }
  
  .btn-info {
    font-family: Raleway-SemiBold;
    font-size: 13px;
    color: rgba(91, 192, 222, 0.75);
    letter-spacing: 1px;
    line-height: 15px;
    border: 2px solid rgba(91, 192, 222, 0.75);
    border-radius: 40px;
    background: transparent;
    transition: all 0.3s ease 0s;
  }
  
  .btn-info:hover {
    color: #FFF;
    background: rgba(91, 192, 222, 0.75);
    border: 2px solid rgba(91, 192, 222, 0.75);
  }
  
  .btn-warning {
    font-family: Raleway-SemiBold;
    font-size: 13px;
    color: rgba(240, 173, 78, 0.75);
    letter-spacing: 1px;
    line-height: 15px;
    border: 2px solid rgba(240, 173, 78, 0.75);
    border-radius: 40px;
    background: transparent;
    transition: all 0.3s ease 0s;
  }
  
  .btn-warning:hover {
    color: #FFF;
    background: rgb(240, 173, 78, 0.75);
    border: 2px solid rgba(240, 173, 78, 0.75);
  }
  
  .btn-danger {
    font-family: Raleway-SemiBold;
    font-size: 13px;
    color: rgba(217, 83, 78, 0.75);
    letter-spacing: 1px;
    line-height: 15px;
    border: 2px solid rgba(217, 83, 78, 0.75);
    border-radius: 40px;
    background: transparent;
    transition: all 0.3s ease 0s;
  }
  
  .btn-danger:hover {
    color: #FFF;
    background: rgba(217, 83, 78, 0.75);
    border: 2px solid rgba(217, 83, 78, 0.75);
  }

  .btn-secondary {
    font-family: Raleway-SemiBold;
    font-size: 13px;
    color: rgba(108, 88, 179, 0.75);
    letter-spacing: 1px;
    line-height: 15px;
    border: 2px solid rgba(108, 89, 179, 0.75);
    border-radius: 40px;
    background: transparent;
    transition: all 0.3s ease 0s;
  }
  
  .btn-secondary:hover {
    color: #FFF;
    background: rgba(108, 88, 179, 0.75);
    border: 2px solid rgba(108, 89, 179, 0.75);
  }

  .bg-image {
    background-image: url("../img/welcome.jpg");
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    }
    
    html, body {
        height: 100%;
        margin: 0;
        padding: 0;
     }

     .fadeInUp {
        animation-name: fadeInUp;
    }
    .fadeInDown {
        animation-name: fadeInDown;
    }
    .fadeOutDown {
        animation-name: fadeOutDown;
    }
    .fadeOutUp {
        animation-name: fadeOutUp;
    }
    .animated {
        animation-duration: 0.5s;
        animation-fill-mode: both;
    }
    .hide {
        display: none !important;
    }
    .hidetext { -webkit-text-security: disc; /* Default */ }