﻿body {
    padding-top: 70px;
    padding-bottom: 20px;
    background: #f5f5f5;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

.panel-body {
    word-break: break-all
}

.list-unstyled li {
    margin-bottom: 5px;
}

#list-signatures .success > td {
    background-color: #0d730d !important;
    color: #fff;
}

#list-signatures .danger > td {
    background-color: #900000 !important;
    color: #fff;
}


.login-panel {
    width: 320px;
    min-height: 240px;
    border-radius: 4px;
    border: 1px #ccc solid;
    background: #f1f1f1;
    margin: auto auto;
    padding: 20px;
    text-align: center;
}

    .login-panel h3 {
        margin: 0 0 10px 0;
        color: #888;
    }

    .login-panel input {
        padding: 5px;
        min-width: 260px;
    }

a.logo {
    display: block;
    float: left;
    padding: 5px;
}

.navbar-header {
    width;
    100%;
    float: none;
}

nav#topm {
    display: block;
    width: calc(100% - 160px);
    float: right;
}

    nav#topm ul {
        list-style: none;
        display: inline-block;
        margin: 0;
        padding: 0;
    }

        nav#topm ul li {
            list-style: none;
            display: inline-block;
            margin: 0;
            padding: 0;
        }

        nav#topm ul a {
            display: inline-block;
            padding: 13px 10px;
            color: #fff;
        }

            nav#topm ul a.admin {
                color: #ffb14a
            }

.alertdb {
    background: #ff0;
    color: #000;
    padding: 10px;
    margin: -20px 0 0 0;
    text-align: center;
}

nav#topm ul {
}

.userlog {
    float: right;
    padding: 13px 0;
    max-width: 320px;
    color: #fff;
    text-align: right;
}

    .userlog a {
        color: #4ab6ff
    }

.table > thead > tr > th {
   text-align: center;
   font-size: 12px;
}

.table > thead > tr > th:first-child {text-align: left;}

.table tr td {
    background: #fff;
}

.table tr.danger td {
    border-bottom: 1px #f99 solid;
}

table.agents {
    //background-color: white;
    //border: 1px solid gray;
    table-layout: fixed;
    width: 100%;
    border-collapse: unset;
}

    table.agents td {
        border: 1px dotted gray;
        overflow: hidden;
    }

        td.other {
            background-color: lightblue;
        }

        td.vpn {
            background-color: indianred;
        }

        td.selenium {
            background-color: greenyellow;
        }

        td.luminati {
            background-color: deeppink;
        }

        td.webkit {
            background-color: yellow;
        }

/*! Author: Hunter Perrin  Version : 3.2.0  Link:http://sciactive.com/pnotify/ */
.ui-pnotify {
    top: 36px;
    right: 36px;
    position: absolute;
    height: auto;
    z-index: 2
}

body > .ui-pnotify {
    position: fixed;
    z-index: 100040
}

.ui-pnotify-modal-overlay {
    background-color: rgba(0,0,0,.4);
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1
}

body > .ui-pnotify-modal-overlay {
    position: fixed;
    z-index: 100039
}

.ui-pnotify.ui-pnotify-in {
    display: block !important
}

.ui-pnotify.ui-pnotify-move {
    transition: left .5s ease,top .5s ease,right .5s ease,bottom .5s ease
}

.ui-pnotify.ui-pnotify-fade-slow {
    transition: opacity .4s linear;
    opacity: 0
}

    .ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move {
        transition: opacity .4s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease
    }

.ui-pnotify.ui-pnotify-fade-normal {
    transition: opacity .25s linear;
    opacity: 0
}

    .ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move {
        transition: opacity .25s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease
    }

.ui-pnotify.ui-pnotify-fade-fast {
    transition: opacity .1s linear;
    opacity: 0
}

    .ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move {
        transition: opacity .1s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease
    }

.ui-pnotify.ui-pnotify-fade-in {
    opacity: 1
}

.ui-pnotify .ui-pnotify-shadow {
    -webkit-box-shadow: 0 6px 28px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 6px 28px 0 rgba(0,0,0,.1);
    box-shadow: 0 6px 28px 0 rgba(0,0,0,.1)
}

.ui-pnotify-container {
    background-position: 0 0;
    height: 100%;
    margin: 0
}

    .ui-pnotify-container:after {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both
    }

    .ui-pnotify-container.ui-pnotify-sharp {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

.ui-pnotify-title {
    display: none;
}

.ui-pnotify-text {
    display: block
}

.ui-pnotify-icon, .ui-pnotify-icon span {
    display: block;
    float: left;
    margin-right: .2em
}

.ui-pnotify.stack-bottomleft, .ui-pnotify.stack-topleft {
    left: 25px;
    right: auto
}

.ui-pnotify.stack-bottomleft, .ui-pnotify.stack-bottomright {
    bottom: 25px;
    top: auto
}

.ui-pnotify.stack-modal {
    left: 50%;
    right: auto;
    margin-left: -150px
}

.brighttheme {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

    .brighttheme.ui-pnotify-container {
        padding: 10px;
        border: 1px #333 solid;
    }

    .brighttheme .ui-pnotify-title {
        margin-bottom: 5px;
    }

    .brighttheme.ui-pnotify-container.brighttheme-notice {
        background-color: #f1f1f1;
        border: 1px solid #c3c3c3;
        color: #111
    }

    .brighttheme.ui-pnotify-container.brighttheme-info {
        background-color: #f1f1f1;
        border: 1px solid #c3c3c3;
        color: #111
    }

    .brighttheme.ui-pnotify-container.brighttheme-success {
        background: #f1f1f1;
        border: 1px solid #c3c3c3;
        color: #111
    }

    .brighttheme.ui-pnotify-container.brighttheme-error {
        background: #f00;
        border: 1px solid #f00;
        color: #fff;
    }

.brighttheme-icon-closer, .brighttheme-icon-info, .brighttheme-icon-notice, .brighttheme-icon-sticker, .brighttheme-icon-success {
    display: none;
}

    .brighttheme-icon-closer:after, .brighttheme-icon-info:after, .brighttheme-icon-notice:after, .brighttheme-icon-sticker:after, .brighttheme-icon-success:after {
        display: none;
    }

.brighttheme .ui-pnotify-action-bar {
    padding-top: 12px
}

    .brighttheme .ui-pnotify-action-bar input, .brighttheme .ui-pnotify-action-bar textarea {
        display: block;
        width: 100%;
        margin-bottom: 12px !important
    }

.brighttheme .ui-pnotify-action-button {
    text-transform: uppercase;
    font-weight: 700;
    padding: 4px 8px;
    border: none;
    background: 0 0
}

    .brighttheme .ui-pnotify-action-button.btn-primary {
        border: none;
        border-radius: 0
    }

.brighttheme-notice .ui-pnotify-action-button.btn-primary {
    background-color: #ff0;
    color: #4f4f00
}

.brighttheme-info .ui-pnotify-action-button.btn-primary {
    background-color: #0286a5;
    color: #012831
}

.brighttheme-success .ui-pnotify-action-button.btn-primary {
    background-color: #35db00;
    color: #104300
}

.brighttheme-error .ui-pnotify-action-button.btn-primary {
    background-color: #ff1800;
    color: #4f0800
}

.ui-pnotify-closer, .ui-pnotify-sticker {
    float: right;
    margin-left: .2em
}

.ui-pnotify-container {
    position: relative;
    left: 0
}

.notify-msg:after {
    clear: both;
    display: block;
    float: none;
    content: ".";
    padding: 0;
    height: 0;
    font-size: 1px;
    visibility: hidden;
}

.notify-msg figure {
    width: 90px;
    float: left;
    margin: 0 10px 0 0;
}

.notify-msg strong {
    font-size: 20px;
    line-height: 21px;
    font-weight: 300;
    display: block;
    color: #000;
}

.notify-msg a {
    color: #fff;
    text-decoration: underline;
}

.notify-msg.notify-product {
    line-height: 24px;
}

    .notify-msg.notify-product strong {
        line-height: 28px;
    }

	
.btn-group-sm > .btn, .btn-sm {
	padding: 0px 0px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
	width: 21px;
	height: 21px;
	text-align: center;
	}

.panel-heading 	.btn, .btn-sm {
width: auto; padding: 0 5px;
	}
	
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {padding: 5px;}
	
	td.dmnm {word-wrap: break-word;	word-break: break-all;	width: 250px;}
	td.rlmn {word-wrap: break-word;	word-break: break-all;	width: 350px;}
	td.actl {width: 196px !important; text-align: right;}
	td.date {text-align: center;}
	td.date span {color: #666;}
	.navbar .container {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
}



.table tr:hover td {background: #f0f8ff;}
strong.newdom {	font-size: 10px; color: #fff; border-radius: 3px; padding: 2px 4px; animation-name: color_change;	animation-duration: 0.5s;	animation-iteration-count: infinite;	animation-direction: alternate;}	
@-webkit-keyframes color_change {	from { background-color: blue; }	to { background-color: red; }}
@-moz-keyframes color_change {from { background-color: blue; }	to { background-color: red; }}
@-ms-keyframes color_change {from { background-color: blue; }	to { background-color: red; }}
@-o-keyframes color_change {from { background-color: blue; } to { background-color: red; }}
@keyframes color_change {from { background-color: blue; } to { background-color: red; }}

td.compn {
	text-align: center;
}

td.compn span {
	color: #666;
}
td.aginfo {
	word-wrap: break-word;
	word-break: break-all;
	text-align: center; 
 
}


.container {
	width: auto;
	max-width: 1680px;
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #ccc;
}

#urlchecker .body-content {	padding-left: 0;	padding-right: 0;}
.make-it-scream {border: 1px #acc3d0 solid;	background: #f3f9ff;border-radius: 5px;}
.make-it-scream h3 {font-weight: 700; font-size: 16px; line-height; 18px; text-align: center; background: #7a9aac; color: #fff; padding: 10px; margin: 2px; border-radius: 4px;}
.make-it-scream h3 label {margin: 0; padding: 0 !important;}
.make-it-laugh2 {border: 1px #aaa solid;	background: #888;border-radius: 5px;}
.make-it-laugh2 h3 {font-weight: 700; font-size: 16px; line-height; 18px; text-align: center; background: #888; color: #fff; padding: 10px; margin: 2px; border-radius: 4px;}
#tasks-table tr.closed td {color: #aaa; }


td.actl {
	width: 136px !important;
	text-align: left;
	padding-left: 10px !important;
}

.actl .btn-sm {
	margin: 0 2px 2px 0;
}

.panel-heading .btn, .btn-sm {
	width: 25px;
	padding: 0 5px;
}



.modal-dialog {
	width: 800px;
}
.modal-title {
	display: inline-block;
}

/* .table tr.hilite td  {background: #f1f1f1 !important;} */

.table-wrapper {max-height: 50vh; overflow-y: scroll; padding: 0 10px 0 0; }


.notepad-content {max-height: 120px; overflow-y: scroll; padding: 0 10px 0 0; }

textarea.descformfield {height: 80px; max-height: 240px;resize: vertical;}




.ov-wrap {display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; width: 100vw; height: 100vh; background: rgba(255,255,255,0.7); z-index: 999;}
.ov-wrap .ov-loader {width: 90px; height: 90px; position: absolute; left: 50%; top: 50%; margin: -45px 0 0 -45px; }
.ov-wrap .ov-loader img {display: block; width: 100%;}