label {margin-bottom: 0px;}
/* ===== LINK ===== */
a, a:hover, a:visited, a:link { text-decoration: none; }

/* ===== Custom Glyphicon ===== */
#nav-menu a span { font-size: 18px !important; color: #fff !important; }
.glyphicon-agencias::before { content: url('../../opw/images/ico/16x16/ico-clientes.png'); }
.glyphicon-equipes-seguimentacao::before { content: url('../../opw/images/ico/16x16/ico-grupos.png'); }
.glyphicon-categorias::before { content: url('../../opw/images/ico/16x16/ico-categoria.png'); }
.glyphicon-produtos::before { content: url('../../opw/images/ico/16x16/ico-produtos.png'); }
.glyphicon-usuarios::before { content: url('../../opw/images/ico/16x16/ico-usuarios.png'); }
.glyphicon-ciclo-aprovacao::before { content: url('../../opw/images/ico/16x16/ico-ciclo-aprovacao.png'); }
.glyphicon-visual-aid::before { content: url('../../opw/images/ico/16x16/ico-projetos.png'); }
.glyphicon-publicacoes::before { content: url('../../opw/images/ico/16x16/ico-publicacao.png'); }
.glyphicon-analytics::before { content: url('../../opw/images/ico/16x16/ico-dashboard.png'); }
.glyphicon-feedback::before { content: url('../../opw/images/ico/16x16/ico-feedback.png'); }
.glyphicon-mensagens::before { content: url('../../opw/images/ico/16x16/ico-mensagens.png'); }
.glyphicon-fluxo-apresentacao::before { content: url('../../opw/images/ico/16x16/ico-fluxo.png'); }

/* ===== Components ===== */
form .opw-form {margin-top: 0; margin-bottom: 0;}
/* -- BUTTONS COLORS -- */
.mdl-button--default {color: #666;}
.mdl-button--success {color: #5cb85c;}
.mdl-button--info {color: #5bc0de;}
.mdl-button--warning {color: #f0ad4e;}
.mdl-button--danger {color: #d9534f;}
/* ======================================================== TELA DE LOGIN ======================================================== */
#container-login {
    position: fixed;
    left: 0px;
    top: 0px;
    overflow: hidden;
    z-index: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    transition: opacity 1s ease 0s;
}
/*#img_login {position: fixed; height: 100%; background-size: 100%; background: rgba(251,189,3,1);*/
#img_login {
    position: fixed;
    height: 100%;
    background-size: cover !important;
    background-image: url("/Content/opw/images/layout/bg-login-one.jpg") !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbbd03', endColorstr='#fade0c', GradientType=1 );
}
#panel-login {position: fixed; right: 0; height: 100%; background-color: #fff; padding: 30px 50px;}


/* ======================================================== TELA DE DESIGN - INICIO ======================================================== */

/* ===== CONTAINER OPW ===== */
#ContainerOPW {
    position: fixed;
    width: 100%;
    background-color: #f8f8f8;
    overflow-y: hidden;
    height: 100%;
    padding-bottom: 40px;
    padding-top: 46px;
}

/* ===== RIBBON ===== */
#ContainerRibbon {
    position: fixed;
    height: 122px;
    z-index: 2;
    top: 0px;
    width: 100%;
    background-color: #fff;
    padding-top: 5px;
}

/* -- TELAS THUMB -- */
#ContainerTelas {
    position: relative;
    float: left;
    height: 92%;
    border-right: 1px solid #d2d5d8;
    overflow: auto; /*top: 167px;*/
}

.scenecls {
    background-color: #fff;
}
/* -- PALCO -- */
#ContainerPalco {
    position: relative;
    margin-left: 238px;
    height: 100%;
    background-color: #f8f8f8;
    overflow: auto;
    padding: 54px 0;
}

    #ContainerPalco #container {
        position: relative;
        border: 2px solid #0b85a1;
        overflow: hidden;
        -webkit-transform-style: flat;
        margin: auto;
        background-color: #fff;
    }

#opw-status-bar {
    position: fixed;
    height: 40px;
    width: 100%;
    bottom: 0;
    z-index: 3;
    background-color: #fff;
    border-top: 1px solid #d2d5d8;
}

.voltar {
    background: url(../images/per.png) -206px -247px no-repeat;
    width: 50px;
    height: 29px;
}

.Salvar {
    background: url(../images/per.png) -70px -145px no-repeat;
    width: 50px;
    height: 29px;
}

.visualizar {
    background: url(../images/per.png) -37px -214px no-repeat;
    width: 29px;
    height: 29px;
}

.NovoSlide {
    background: url(../images/per.png) -137px -42px no-repeat;
    width: 45px;
    height: 32px;
}

.Colar {
    background: url(../images/per.png) -3px -282px no-repeat;
    width: 29px;
    height: 29px;
}

.Copiar, .ExecutarAnima {
    background: url(../images/per.png) -73px -352px no-repeat;
    width: 15px;
    height: 14px;
}

.caixatexto {
    background: url(../images/per.png) -239px -206px no-repeat;
    width: 28px;
    height: 25px;
}

.Galeria {
    background: url(../images/per.png) -1px -43px no-repeat;
    width: 30px;
    height: 30px;
}

.EnviarImagem {
    background: url(../images/per.png) -3px -113px no-repeat;
    width: 28px;
    height: 24px;
}

.CaixaDiv {
    background: url(../images/per.png) -70px -246px no-repeat;
    width: 30px;
    height: 28px;
}

.Recuar {
    background: url(../images/per.png) -71px -180px no-repeat;
    width: 26px;
    height: 28px;
}

.signature {
    background: url(../images/signature.png) no-repeat;
    background-size: 29px 26px;
}

.Integration {
    background: url(../images/connection.png) no-repeat;
    background-size: 29px 26px;
}

.Camera {
    background: url(../images/camera.png) no-repeat;
    background-size: 29px 26px;
}

.BarCode {
    background: url(../images/barcode.png) no-repeat;
    background-size: 29px 26px;
}

.datasoruce {
    background: url(../images/datasoruce.png) no-repeat;
    background-size: 29px 26px;
}

.mapa {
    background: url(../images/mapa.png) no-repeat;
    background-size: 29px 26px;
}

.gps {
    background: url(../images/gps.png) no-repeat;
    background-size: 29px 26px;
}

.timer {
    background: url(../images/timer.png) no-repeat;
    background-size: 29px 26px;
}

.relacSceneComponent {
    background: url(../images/relationIcon.png) no-repeat;
    background-size: 29px 26px;
}

.calendarComponent {
    background: url(../images/CalendarEvents.png) no-repeat;
    background-size: 29px 26px;
}

.condtionalSaveComponent {
    background: url(../images/folder-management.png) no-repeat;
    background-size: 29px 26px;
}

.sendMailFromTemplate {
    background: url(../images/Email.png) no-repeat;
    background-size: 29px 26px;
}

.SaveActionComponent {
    background: url(../images/ActionSave.png) no-repeat;
    background-size: 29px 26px;
}

.sendSmsFromTemplate {
    background: url(../images/Sms.png) no-repeat;
    background-size: 29px 26px;
}

.openMapComponent {
    background: url(../images/MapIcon.png) no-repeat;
    background-size: 29px 26px;
}

.feedComponent {
    background: url(../images/feedIcon.png) no-repeat;
    background-size: 29px 26px;
}

.bula {
    background: url(../images/paper.png) no-repeat;
    background-size: 29px 26px;
}

.zoom {
    background: url(../images/zoom.png) no-repeat;
    background-size: 29px 26px;
}

.login {
    background: url(../images/login.png) no-repeat;
    background-size: 29px 26px;
}




.Avancar {
    background: url(../images/per.png) -172px -180px no-repeat;
    width: 26px;
    height: 28px;
}

.k-editor-inline {
    margin: 0;
    padding: 21px 21px 11px;
    border-width: 0;
    box-shadow: none;
    background: 0 0;
}

    .k-editor-inline.k-state-active {
        border-width: 1px;
        padding: 20px 20px 10px;
        background: 0 0;
    }

.column h3, .topEditor h2 {
    font-size: 24px;
    color: #2db245;
    font-family: "Droid Sans",DroidSansWeb,"Segoe UI","Lucida Sans Unicode",Arial,Helvetica,sans-serif;
}

.demo-section {
    max-width: 960px;
}

.k-editor-inline p {
    font-size: 13px;
}

.column {
    display: inline-block;
    vertical-align: top;
    width: 250px;
}

    .column a {
        color: #e15613;
    }

    .column h3 {
        padding-top: 10px;
        font-size: 15px;
    }

.k-table {
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #999;
    width: 100%;
}

    .k-table td, .k-table th {
        border: 1px solid #999;
        padding: 3px;
    }

.opw-scenes {
    position: relative;
    border: 4px solid #00aeef;
    margin: 20px 7px;
}

    .opw-scenes.unselect {
        border: 1px solid #ccc;
    }

    .opw-scenes .name-scene {
        position: absolute;
        width: 100%;
        text-align: center;
        bottom: 0;
        z-index: 1;
    }

        .opw-scenes .name-scene span {
            font-size: 18px;
            font-weight: bold;
            background-color: white;
            opacity: 0.5;
        }

    .opw-scenes .lixeira-scene {
        position: absolute;
        bottom: 0;
        right: 5px;
        z-index: 2;
    }


/***********************J-QueryMobile******************************/
.opw-mobile-ctrl-group {
    padding: 0;
    margin: .5em 0;
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-width: 1px;
    border-style: solid;
}

    .opw-mobile-ctrl-group input {
        display: inline-block;
        margin: 0px !important;
        position: absolute;
        top: 39%;
        margin: -10px 0 0 0;
        left: .466em;
        cursor: pointer;
        height: 22px;
        width: 22px;
    }

.opw-mobile-checkbox label {
    margin: 0;
    text-align: left !important;
    white-space: normal;
    background-clip: padding-box;
    display: block !important;
}

.opw-mobile-checkbox {
    position: relative;
}

.opw-mobile-default {
    line-height: 1.3;
    font-family: sans-serif;
}

.opw-mobile-input {
    min-height: 2.2em;
    margin: 0;
    text-align: left;
    border: 0;
    background: transparent none;
    border-radius: inherit;
    border-color: #ddd;
    text-shadow: 0 1px 0 #f3f3f3;
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
    border-width: 1px;
    border-style: solid;
}

.opw-mobile-text {
    line-height: 1.4em;
    padding: .4em;
    display: block;
    box-sizing: border-box;
    outline: 0;
    font-size: 1em;
    width: 100%;
}

.opw-mobile-btn {
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    font-weight: 700;
    font-size: 16px;
    padding: .7em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
}

    .opw-mobile-btn :hover {
        background-color: #ededed;
    }

.opw-mobile-icon-right {
    padding-right: 2.5em;
}

.opw-mobile-icon-left {
    padding-left: 2.5em;
}

.opw-mobile-btn-corner-all {
    border-radius: .5125em !important;
    background-clip: padding-box;
}

opw-mobile-btn, opw-mobile-input :visited {
    color: #38c;
}


.opw-mobile-correct {
    background-color: #78ffaa !important;
}

.opw-mobile-correct-icon {
    background: url(../../../images/Icones/16/button-check_basic_green.png) 1% 77% no-repeat;
    background-size: 27px;
    z-index: 500;
}

.opw-mobile-incorrect {
    background-color: #ff6969 !important;
    color: white;
}

.opw-mobile-incorrect-icon {
    background: url(../../../images/Icones/16/button-cross_basic_red.png) 1% 77% no-repeat;
    background-size: 27px;
    z-index: 500;
}

.opw-mobile-select {
    margin-top: .5em;
    margin-bottom: .5em;
    position: relative;
}

.dropDownListSelect {
    width: 100%;
    padding-left: 2.2em;
}


.ui-resizable-ne,
 .ui-resizable-se,
 .ui-resizable-nw,
 .ui-resizable-sw,
 .ui-resizable-n,
 .ui-resizable-s,
 .ui-resizable-w,
 .ui-resizable-e{
	background: white;
	border: 1px solid black;
	width: 8px !important;
	height: 9px !important;
}

.ui-resizable-se {
	background-image: none !important;
	right: -5px !important;
	bottom: -5px !important;
}

.ui-resizable-n,
.ui-resizable-s {
	left: 50% !important;
	margin-left: -5px !important;
}

.ui-resizable-e,
.ui-resizable-w {
	top: 50% !important;
	margin-top: -5px !important;
}

/* ======================================================== TELA DE DESIGN - FIM ======================================================== */