/*  General Settings  */
  body {
    background: url(../images/bg/bg_main.png) repeat;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px !important;
    *font-size: small;
    text-rendering: optimizelegibility;

    color: #666666;
    padding: 0px !important;
    margin: 0px;
}

input,
textarea,
select,
button {
    font-family: 'PT Sans', Arial, serif !important;
    color: #666666;
    font-size: 12px;
}

h1,
h2,
h3,
h4,
strong,
b {
    font-weight: bold;
}

em,
i {
    font-style: italic;
}

h1 {
    font-size: 197%;
    margin: 0 0 .3em;
}

h2 {
    font-size: 167%;
    margin: .75em 0;
}

h3 {
    font-size: 16px;
    margin: .83em 0;
}

h4 {
    font-size: 131%;
    margin: 10px 0px 10px 0px;
    text-shadow: 0px 1px 1px #FFF;
}

h5 {
    font-size: 116%;
    margin: 1.5em 0;
}

p {
    line-height: 150%;
    margin: .75em 0;
}

a,
a:active,
a:visited {
    outline: none;
    color: #666666;
}


.navigation-wrapper {
    margin: 0 7px;
    position: relative;
}

code {
    display: inline-block;
    padding: 0 5px;
    border: 1px dotted;
}



/*  General Classes  */
.fleft {
    float: left;
}

.fright {
    float: right;
}

.small {
    min-width: 25%;
}

.medium {
    min-width: 50%;
}

.large {
    min-width: 75%;
}

.huge {
    min-width: 100%;
}

.bb {
    border-bottom: 1px solid;
}


#login-box {
    background: #FFF;
    padding: 20px;
    width: 320px;
    margin: 0px auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 4px 18px #A6A6A6;
    -moz-box-shadow: 0 4px 18px #A6A6A6;
    -webkit-box-shadow: 0 4px 18px #A6A6A6;
}

#login-box label {
    float: left;
    width: 120px;
    padding-top: 6px;
    font-weight: normal;
}

#login-box p {
    float: none;
    clear: both;
    margin-bottom: 10px;
}

.rememberme {
    font-size: 11px;
    padding-left: 120px;
}

#login-box .button {
    margin-left: 120px;
    margin-top: 20px;
}

input#remember_me {
    background: none !important;
    background-image: none !important;
}

#login-box input[type=checkbox] {
    background: none !important;
    background-image: none !important;
}


/*  Main Content  */

.content-box {
    margin: 0 0 20px;
    position: relative;
    background: url('../images/bg/bg_container_top_left.png') no-repeat top left;
}

.col-2 {
    width: 44%;
    margin-right: 6%;
    float: left;
}

.col-3 {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.col-4 {
    width: 23.5%;
    margin-right: 2%;
    float: left;
}

.clear {
    clear: both;
    float: none;
}

.clear-rm {
    margin-right: 0;
}

.clear-tm {
    margin-top: 0;
}

.ie7 .clear-rm {
    margin-right: -1%;
}

div.clearfix:before,
div.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

div.clearfix:after {
    clear: both;
}

div.clearfix {
    zoom: 1;
}

.ie7 .clearfix {
    width: 100%;
    height: 0;
}

.ie7 h1.clearfix,
.ie7 h2.clearfix,
.ie7 h3.clearfix,
.ie7 h4.clearfix,
.ie7 h5.clearfix,
.ie7 h6.clearfix {
    height: auto;
}



/*  Main Content : Header  */

header.main {
    height: 150px;
    width: 100%;
    background: #FFF;
    overflow: hidden;
    padding: 20px 20px 20px 80px;
}

a.logo {
    background: url(../images/logo.png) no-repeat;
    display: block;
    width: 440px;
    height: 150px;
    text-indent: -9999px;
    margin-top: 20px;
}

.userAccount {
    background: #333;
    color: #FFF;
    min-width: 300px;
    float: right;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 50px 110px 0px 0px;
}

.userAccount a {
    color: #FFF;
    text-decoration: none;
}

.userAccount a:hover {
    color: #FFF;
    text-decoration: underline;
}



.modal-body {
    max-width: 99%;
    overflow-x: auto;
}



.topper {
    margin: 10px;
}

.topper input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

.topper input[type="checkbox"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

.topper label {
    display: inline-block;

    padding: 10px 15px;
    font-family: sans-serif, Arial;
    font-size: 13px;


    background: -moz-linear-gradient(top, #f2f2f2 0%, #d9d9d9 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #d9d9d9));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #d9d9d9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f2f2 0%, #d9d9d9 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f2f2f2 0%, #d9d9d9 100%);
    /* IE10+ */
    background: linear-gradient(top, #f2f2f2 0%, #d9d9d9 100%);
    /* W3C */
    text-shadow: 0px 1px 1px #FFF;
    color: #555 !important;
    outline: none;
    margin: 0px 4px 4px 0px;



}

.topper label:hover {

    background: -moz-linear-gradient(top, #d9d9d9 0%, #f2f2f2 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9d9d9), color-stop(100%, #f2f2f2));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d9d9d9 0%, #f2f2f2 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d9d9d9 0%, #f2f2f2 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #d9d9d9 0%, #f2f2f2 100%);
    /* IE10+ */
    background: linear-gradient(top, #d9d9d9 0%, #f2f2f2 100%);
    /* W3C */
}

.topper input[type="radio"]:focus+label {

    background: -moz-linear-gradient(top, #d9d9d9 0%, #f2f2f2 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d9d9d9), color-stop(100%, #f2f2f2));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d9d9d9 0%, #f2f2f2 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d9d9d9 0%, #f2f2f2 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #d9d9d9 0%, #f2f2f2 100%);
    /* IE10+ */
    background: linear-gradient(top, #d9d9d9 0%, #f2f2f2 100%);
    /* W3C */
}

.topper input[type="radio"]:checked+label {
    background: -moz-linear-gradient(top, #00A0A4 0%, #00D4D9 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00A0A4), color-stop(100%, #00D4D9));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00A0A4 0%, #00D4D9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00A0A4 0%, #00D4D9 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #00A0A4 0%, #00D4D9 100%);
    /* IE10+ */
    background: linear-gradient(top, #00A0A4 0%, #00D4D9 100%);
    /* W3C */

}


.topper input[type="checkbox"]:checked+label {
    background: -moz-linear-gradient(top, #00A0A4 0%, #00D4D9 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00A0A4), color-stop(100%, #00D4D9));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00A0A4 0%, #00D4D9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00A0A4 0%, #00D4D9 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #00A0A4 0%, #00D4D9 100%);
    /* IE10+ */
    background: linear-gradient(top, #00A0A4 0%, #00D4D9 100%);
    /* W3C */

}

/*  fundo vermelho para excepções  */







.vcard .generalInfo {
    width: 250px;
    float: left;
}

.vcard .generalInfo span {
    float: left;
    font-weight: bold;
}

.vcard .generalInfo div {
    margin-left: 100px;
    margin-bottom: 20px;
}

.vcard .notes {
    margin-left: 250px;
    width: 50%
}

.vcard .notes span {
    float: left;
    font-weight: bold;
}

.vcard .notes div {
    margin-left: 100px;
}

.vcard .notes a {
    font-weight: bold;
}


.ulTable {
    display: table;
    width: 100%;
    border-collapse: collapse;
    cursor: pointer;
}

.ulTable>li {
    display: table-row;
    vertical-align: middle;
    border-bottom: 1px solid #CCC;
}

.ulTable>li:nth-child(odd) {
    background: #F2F2F2;
}

.ulTable>li.head {
    background: #009999;
    color: #FFF;
    text-shadow: 0 0 1px #666666;
    font-weight: bold;
}

.ulTable li div {
    display: table-cell;
    vertical-align: middle;
    width: 7%;
    padding: 4px;
    text-align: center;
}

.ulTable li div:last-child {
    padding: 0px;
}

.ulTable ul.actions {
    padding: 0px;
    margin: 0px;
}

.ulTable .actions li {
    padding-left: 0px;
    float: left;
}

.ulTable .actions li a {
    height: 16px;
    width: 16px;
    text-indent: -9999em;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    padding-left: 7px;
}

.ulTable li {
    list-style-image: url(images/icons/grip.gif);
}

/* not working on drag .. http://jqueryui.com/demos/sortable/#placeholder */
li.ui-state-highlight {
    height: 2.5em;
    line-height: 2.2em;
    background: #E87B10;
     !important;
}



.actions .view {
    background-image: url('images/icons/view.png');
}

.actions .edit {
    background-image: url('images/icons/edit.png');
}

.actions .delete {
    background-image: url('images/icons/delete.png');
}

table .actions .newtest {
    background-image: url('images/icons/addsmall.png');
}

table .actions .profile {
    background-image: url('images/icons/profileIcon.png');
}




.switchView {
    width: 100px;
    height: 26px;
}

a.cardView-button {
    background: url('images/icons/icon-grid-view-off.jpg') no-repeat;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    float: left;
    margin-right: 8px;
}

a.textView-button {
    background: url('images/icons/icon-list-view-off.jpg') no-repeat;
    display: block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    float: left;
}


.fa-2xl {
    color: #009999;

}

.fa-2xl:hover {
    color: #666666;

}

.topper li {
    display: inline-block;
}


.modal-dialog {
    position: unset;
}

.modal-content {
    position: unset;
}

.modal-body {
    position: unset;
}

.alert {
    position: unset;
}


.footer {
    background-color: #009999;
}

.copy {
    background-color: #00BBBB;
}


div#preloaded-images {
    position: absolute;
    overflow: hidden;
    left: -9999px;
    top: -9999px;
    height: 1px;
    width: 1px;
}


.fa-up-long {
    color: red
}

.fa-down-long {
    color: blue
}




.ai {
    display:none;
}

.tox-statusbar {
    display: none !important;
}