/****  PLATFORM STYLING HERE  ****/
.bg-idviu { background-color: #30719b; }
.header-icon { font-size: 21px; }
.navbar-logo { height: 20px; padding: 0px 5px 0px 2px; }
.navbar-texthead { font-size: 17px; }
.side-header { min-height: 65px; }
.bg-black-op-dash { background-color: rgba(0,0,0,0.04); }
.bg-muted2 { background-color: #999999; color: #fff; }
.bg-idviu { background-color: #253d56; }
.bg-idviu-lighter { background-color: #354b63; }
.bg-idviu-alt { background-color: #7a3634; }
.smaller { font-size: 70%; }
.text-center2 { text-align: center; padding: 10px; }
.progress-bar-errorfound { background-color: #F5F5F5; color: #9C0000; }
.progress-bar-beginning { background-color: #FBFF82; color: #000000; }
.progress-bar-early { background-color: #CCA513; color: #EFEFEF; }
.progress-bar-mid { background-color: #76C7AE; color: #000000; }
.progress-bar-late { background-color: #4499CE; color: #EFEFEF; }
.progress-bar-finishing { background-color: #008AA2; color: #EFEFEF; }
.progress-bar-completed { background-color: #019407; color: #EFEFEF; }
.nav-link2 { padding: 0; display: block; }
/****  END PLATFORM STYLING HERE  ****/

/****  SET THE ALERT STYLING HERE  ****/
/** .alert-heading { padding: 5px 10px; color: #fcfcfc; font-size: 14px; font-weight: bold; margin-bottom: 10px; } **/
.alert-subheading { padding: 1px 17px; color: #fcfcfc; font-size: 14px; font-weight: bold; font-style: italic; margin-bottom: 0px; }
.alert-text { list-style-type: none; font-size: 13px; display: block; }
/****  END THE ALERT STYLING HERE  ****/


/****  SET NAVMENU STYLING HERE  ****/

/****  END NAVMENU STYLING HERE  ****/

/****  SET BTN COLOR/STYLING HERE  ****/
.btn-primary-reverse { color: #337ab7; background-color: transparent; }
.btn-inverse-reverse { background: transparent; color: #363636; }
.btn-danger-reverse { color: #d9534f; background-color: transparent; }
.btn-warning-reverse { color: #f0ad4e; background-color: transparent; }
.btn-info-reverse { color: #337AB7; background-color: transparent; }
.btn-success-reverse { color: #5cb85c; background-color: transparent; }
.btn-admin-reverse { background-color: #transparent; color:#0D6D6B; }
.btn-primary-check { color: #337ab7; background-color: transparent; border-color: #337ab7; padding: 3px 6px; border-radius: 6px !important; }
.btn-primary-check:hover { color: #337ab7; background-color: #fcfcfc; border-color: #9d9d9d; }
.btn-inverse-check { background: transparent; color: #363636; border-color: #eaeaea; padding: 3px 6px; border-radius: 6px !important; }
.btn-danger-check { color: #d9534f; background-color: transparent; border-color: #eaeaea; padding: 3px 6px; border-radius: 6px !important; }
.btn-warning-check { color: #CC8623; background-color: transparent; border-color: #CC8623; padding: 3px 6px; border-radius: 6px !important; }
.btn-warning-check:hover { color: #CC8623; background-color: #fcfcfc; border-color: #9d9d9d; }
.btn-info-check { color: #5bc0de; background-color: transparent; border-color: #5bc0de; padding: 3px 6px; border-radius: 6px !important; }
.btn-success-check { color: #5cb85c; background-color: transparent; border-color: #eaeaea; padding: 3px 6px; border-radius: 6px !important; }
.btn-admin-check { background-color: #transparent; border-color: #eaeaea; color:#0D6D6B; padding: 3px 6px; border-radius: 6px !important; } 
.btn-inverse-playbutton { background: transparent; color: #ffffff; border-color: #ffffff; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; }
.btn-inverse-playbutton:hover { color: #888888; border-color: #888888; }
/****  END BTN COLOR/STYLING HERE  ****/

/****  SET DATATABLES STYLES OVERRIDE HERE  ****/
.dataTables_processing { top: 5% !important; }
/****  END DATATABLES STYLES OVERRIDE HERE  ****/



/****  SET CHARTS STYLES OVERRIDE HERE  ****/
.monitor-chart { height: 350px; width: 100%; margin: 5px; display: block; }
/****  END CHARTS STYLES OVERRIDE HERE  ****/


.details-images {  }
.thumbnail-screener { border: 1px solid #F7F7F7; }
.screener-title { word-wrap: break-word; width: 100%; margin-bottom:1px; }
.thumbnails { list-style: none; margin: 0; padding: 0; }
.thumbnails > li { float: left; position: relative; margin: 0 30px 20px 0; }



/****  SET FORM ELEMENTS STYLES OVERRIDE HERE  ****/
label { font-weight: 500; }
.form-material.floating>label { font-size: 15px; font-weight: 900; }
.form-material>.form-control:focus+label, .form-material.floating.open>label { font-size: 13px; font-weight: 900; }
.form-material>textarea.form-control { border-right: 1px solid #f0f0f0; border-radius: 7px;  }
.form-group-set { border:1px solid #f0f0f0; }
/****  END FORM ELEMENTS STYLES OVERRIDE HERE  ****/

/****  SET REPORTING ELEMENTS STYLES OVERRIDE HERE  ****/
.table-bordered>tbody>tr>td.reporting { padding: 2px 5px 2px 10px; }
p.alerts { position: relative; padding: 12px 8px 15px 71px; display: block; margin-bottom:1px; border-bottom: 1px solid #f3f3f3;  }
p.alerts:hover { background-color: #f9f9f9; }
/****  END REPORTING ELEMENTS STYLES OVERRIDE HERE  ****/


.monitor-api_summary { margin: 20px 0px; padding: 10px 20px 9px; vertical-align: middle !important; }
.monitor-api_summary_row{ min-height: 90px; }

/****  SET CODE SYNTAX HIGHLIGHTING STYLES OVERRIDE HERE  ****/
pre.pre-sh { padding: 9.5px; margin: 0; border: 1px solid #ccc; background-color: #f9f9f9; border-radius: 4px; }
/****  END CODE SYNTAX HIGHLIGHTING STYLES OVERRIDE HERE  ****/


.table_filename{ padding-left: 20px; font-size: 85%; font-style: italic; color: #4c77a5; }
.top-pagination{ text-align: left; }
.table .table { background-color: transparent; }

@media (min-width: 768px) {
    .dl-horizontal dt {
        float:left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}









.content_joke  {
	animation: blinker 6s linear infinite; 
}

.img-link-doc { display: inline-block; cursor: -webkit-zoom-in; cursor: zoom-in; transition: none; -webkit-transition:none; }





@keyframes blinker { 
    0%   {transform: rotate(-360deg); left: 0px; }
    25%  {transform: rotate(0deg); left: 0px;}
    50%  {transform: rotate(0deg); left:200px;}
	55%  {transform: rotate(0deg); left: 500px;}
    75%  {transform: rotate(0deg); left:0px;}
    100% {transform: rotate(-360deg); left:0px;} 
}