﻿/*------------------------------------------------*/
/*	Skin: General Claims
/*------------------------------------------------*/
 [data-tip] {
    position:relative;
    }
    [data-tip]:before {    
        cursor: help;
        content:'';
        /* hides the tooltip when not hovered */
        display:none;
        display:none;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #1a1a1a;
        position:absolute;
        margin:2px;
        top:30px;
        left:35px;
        z-index:8;
        font-size:0;
        line-height:0;
        width:0;
        height:0;

    }
    [data-tip]:after { 
        display:none;
        content:attr(data-tip);
        position:absolute;
        top:35px;
        left:0px;
        z-index:8;
        margin:2px;
        padding:5px 8px;
        font-size: 0.8em;
        background:#ffffff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        white-space:nowrap;
        word-wrap:normal;
    }
    .tootip[data-tip]:hover:before,
    .tootip[data-tip]:hover:after {    
        display:block;
    }

/* Modal Quiz FullScreen */
.quiz-fullscreen{
    padding:0px;
    margin:0px;
    width:100%;
}

.claim-quiz-modal-fullscreen{
    position:absolute;
    padding:0px;
    margin:0px;
    width:100%;
    height:100%;
}
.claim-quiz-modal-fullscreen .modal-content{
    height: 100%;
    position: fixed;
    width: 100%;
}

.claim-quiz-modal-fullscreen .modal-content .modal-body {
    overflow-y: auto;
       
    max-height: 86%;
    min-height: 86%;
}
.claim-quiz-modal-fullscreen .modal-content .modal-footer {
    padding: 10px;
    margin: 0px;
}

 /* Modal Loss identification FullScreen */
.identification-fullscreen{
    padding:0px;
    margin:0px;
    width:100%;
}

.identification-modal-fullscreen{
    position:absolute;
    padding:0px;
    margin:0px;
    width:100%;
    height:100%;
}
.identification-modal-fullscreen .modal-content{
    height: 100%;
    position: fixed;
    width: 100%;
}

.identification-modal-fullscreen .modal-content .modal-body {
    overflow-y: auto;
       
    max-height: 86%;
    min-height: 86%;
}
.identification-modal-fullscreen .modal-content .modal-footer {
    padding: 10px;
    margin: 0px;
} 


fieldset.group {
    border: 1px solid #ddd !important;
    margin: 0;
    min-width: 0;
    padding: 10px;
    position: relative;
    border-radius: 4px;
    background-color: #f5f5f5;
    padding-left: 10px !important;
}

    fieldset.group legend {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0px;
    width: 35%;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px 5px 5px 10px;
    background-color: #ffffff;
}

/* PReview de arquivos GClaims*/
.gc_preview_archive_img {
    max-height: 500px;
    max-width: 100%;
}

.gc_preview_archive_img img {
    /* width: 100%; */
    max-height: 500px;
    min-height:300px;
    /* height: 100%; */
}

/* general */
p.dot-loading {
    color: #000;
    /*font-weight: bold;*/
    font-size: 12px;
    font-style: italic;
}
.dot-loading:after {
  content: ' .';
  animation: dots 1s steps(5, end) infinite;
}

@keyframes dots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  40% {
    color:black;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  60% {
    text-shadow:
      .25em 0 0 black,
      .5em 0 0 rgba(0,0,0,0);}
  80%, 100% {
    text-shadow:
      .25em 0 0 black,
      .5em 0 0 black;}}

.gclaims_loading, .block_input {
    background-color: rgba(0,0,0,0);
    border: 5px solid rgba(0,183,229,0.9);
    opacity: .9;
    border-top: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 50px;
    box-shadow: 0 0 35px #2187e7;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    -moz-animation: spin .5s infinite linear;
    -webkit-animation: spin .5s infinite linear;
}

.block_input {
    width: 30px;
    height: 30px;
    margin: 0 85%;    
}

.block_tab {
    pointer-events: none;
    cursor:not-allowed;
}

.block_component {
    pointer-events: none;
    cursor:not-allowed;
}

.component-disabled {
    pointer-events: none;
    cursor:not-allowed;
}

a {
  color: #489dc1;
}
a:hover, a:focus {
  color: #347a98;
}

.top-bar {
  background-color: #0F6EB4;
}

    .top-bar .logo .text {
      color:#FFF;
      font-size:12px;
    }
@media only screen and (min-width: 1030px) {
    .top-bar .logo .text {
        color:#FFF;
        font-size:14px;
    }
}

@media only screen and (min-width: 1105px) {
    .top-bar .logo .text {
      color:#FFF;
      font-size:16px;
    }
}

@media only screen and (max-width: 991px) {
    .top-bar .logo .text {
      color:#FFF;
      font-size:16px;
    }
}


.top-bar .top-bar-right .btn-link {
  color: #8ccbe5;
}
.top-bar .top-bar-right .btn-link:hover {
  color: #fff;
}
.top-bar .notifications .count {
  border-color: #005299;
}
.top-bar .searchbox input[type="search"] {
  background-color: #FFF;
  border-color: #103848;
  color:#000;
}
.top-bar .searchbox .btn {
  background-color: #5dabff;
  border-color: #103848;
}
.top-bar .searchbox .btn .fa {
  color: #FFF;
}
.top-bar .searchbox .btn:hover {
  border-color: #103848;
}
.top-bar .searchbox .btn:hover .fa {
  color: #15485d;
}

/* widget */
.widget {
  border-color: #2c98c6;
}
.widget .widget-header {
  background-color: #0F6EB4;
  border-bottom-color: #195872;
  color: #fff;
}
.widget .widget-header em {
  color: #fff;
}
.widget .widget-header .btn-help {
  color: #38a5d3;
}
.widget .widget-header .widget-header-toolbar {
  border-left-color: #1b5e7a;
}
.widget .widget-header .widget-header-toolbar .control-title {
  color: #fff;
}
.widget .widget-header .btn-group > a {
  color: #fff;
}
.widget .widget-header .btn-group > a:hover, .widget .widget-header .btn-group > a:focus {
  color: #cef1ff;
}

/* main content */
.main-header h2 {
  color: #174e66;
  border-right-color: #2c98c6;
}
.main-header em {
  color: #217294;
}

/* footer */
.footer {
  background-color: #363636;
}

/*** PRINCING ***/

.pricing-box {
  width: 100%;
  border: 1px solid #dddddd;
  padding: 25px;
  text-align: left;
  background-color: #f1f1f1;
}

@media screen and (min-width: 768px) {
  .pricing-box {
    width: 95%;
  }
}
@media screen and (min-width: 992px) {
    .pricing-box {
     width: 80%;
}

    /*.left-sidebar::-webkit-scrollbar-track
    {
 
        background-color: #F5F5F5;
    }
    .left-sidebar::-webkit-scrollbar
    {
        width: 10px;
        background-color: #363636;
    }
    .left-sidebar::-webkit-scrollbar-thumb
    {
        background-color: rgba(0,0,0,0.3);
    }

    body{
        overflow:hidden !important;
    }*/

}


       .price-box {
            border: 1px #e6e6e8 solid;
            padding-bottom: 30px;
            padding-left: 0;
            padding-right: 0;
            color: #5a5655;
            background-color: #fff;
        }

            .price-box.description {
                text-align: right;
                background-color: #fafafb;
            }

                /*.price-box.description:hover{
        background-color: #f1f1f4;
    }*/

                .price-box.description p {
                    padding-right: 20px;
                }

            .price-box:hover {
                cursor: pointer;
            }

            .price-box h5 {
                font-size: 18px;
                text-transform: uppercase;
                padding-bottom: 0px;
                color: #1fa4ce;
                font-weight: 600;
                margin: 0;
            }

            .price-box h1 {
                font-size: 52px;
                text-transform: uppercase;
                font-weight: bold;
                margin: 0px;
            }

            .price-box ul {
                padding-bottom: 20px;
            }

                .price-box ul li.s0 {
                    height: 140px;
                    padding: 20px 0;
                }

                .price-box ul li.s1 {
                    height: 80px;
                    vertical-align: middle;
                    padding: 10px;
                    border-top: 3px solid #fafafb;
                }

                    .price-box ul li.s1 p {
                        font-size: 12px;
                    }

            .price-box.price-pro ul li.s1 {
                border-top: 3px solid #d1f7fe;
            }

            .price-box ul li.s2 {
                height: 55px;
                padding: 5px;
            }

            .price-box ul li.s3 {
                height: 40px;
                padding: 5px;
            }

            .price-box ul li {
                list-style: none;
                font-size: 12px;
                border-bottom: 1px solid #e6e6e8;
            }

        .page-heading p a {
            color: #1fa4ce;
        }

        .price-pro {
            background-color: #f1fdff;
            border: 1px solid #a3dbf0;
        }

        .price-box.price-pro .hover {
            background: #d8f6ff !important;
        }

        .price-box.price-pro ul li {
            border-bottom: 1px solid #a3dbf0;
        }

        .price-box p strong {
            font-size: 18px;
        }

        .price-box .hover {
            background: #fafafb !important;
        }

            .price-box .hover p {
                color: #555;
            }

        .price-box.description .hover {
            background: #f1f1f4 !important;
        }

        .price-box .try {
            height: 50px;
            padding-top: 5px;
        }

        .price-box .mini {
            font-size: 15px;
            padding: 5px;
        }

        
@media (max-width: 1199px) {
	.price-box ul li.s1 {
		height: 100px;
	}
}

@media (max-width: 991px) {
	.intro-section.landing-page {
		/*background-size: auto 100%;*/
		background-image: none;
	}

	.footer .section-footer .footer-col {
		text-align: center;
		float: none;
	}

	.navbar-header {
		float: none;
	}

	.navbar-toggle {
		display: block;
	}

	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}

	body > .navbar .navbar-collapse.collapse {
		display: none !important;
	}

	body > .navbar .navbar-collapse.collapse.in {
		display: block !important;
	}	

	.navbar-nav {
		float: none !important;
		margin: 7.5px -15px;
	}

	.navbar-nav > li {
		float: none;
	}

	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.navbar-menu-collapse {
		width: 100%;
	}

	.top-nav {
		margin-top: 20px;
	}

	.tour-section, .empresa-section, .parceiros-section, .initial-section {
		padding-top: 60px;
		background-image: none;
	}

	.img-responsive {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.text-center-sm {
		text-align: center !important;
	}

	.price-box ul li.s0,
	.price-box ul li.s1,
	.price-box ul li.s2,
	.price-box ul li.s3 {
		height: auto;
		min-height: 40px;
	}

	.prices-container > div {
		margin: 0 15px 30px;
	}

	.navbar-cover {
		border-bottom: 1px solid #ddd;
	}

	.top-menu {
		margin-top: 20px;
	}

	.navbar-default .navbar-nav > li > a {
		text-align: left;
		margin: 3px 0;
		padding: 13px 15px;
		background-color: none;
	}

	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
		background-color: #428BCA;
		color: white;
	}
}
/** ScrollBar **/
/*::-webkit-scrollbar-track
{
 
    background-color: #F5F5F5;
}
::-webkit-scrollbar
{
    width: 10px;
    background-color: #363636;
}
::-webkit-scrollbar-thumb
{
    background-color: rgba(0,0,0,0.3);
}*/

.icon-badge {
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 1.4em;
    text-align: center;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #999999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}


/**Timeline**/

   .timeline {
        list-style: none;
        padding: 20px 0 20px;
        position: relative;
    }

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 3px;
        background-color: #eeeeee;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            padding: 10px;
            border-radius:10px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

/*@media (max-width: 767px) {*/
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
/*}*/

/*** QUERY BUILDER Component ***/

.group{
    background-color: #fff;
    padding: 15px;
    border-radius: 5px;
    border: solid 1px #666;
}

.group-conditions{
    margin-left: 20px;
}

.alert-group{
    margin-top: 10px;
    margin-bottom: 10px;
    border-color: rgb(192, 152, 83);
    border-color: rgb(251, 238, 213);
    border-color: rgb(220, 200, 150);
}

.condition, .group{
    margin-top: 15px;
    margin-bottom: 15px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

 .glyphicon-dentro_do_prazo{
                color:#5cb85c !important;
            }
            .glyphicon-em_alerta{
                color:#337ab7 !important;
            }
            .glyphicon-no_limite{
                color:#f0ad4e !important;
            }
            .glyphicon-expirado{
                color:#d9534f !important;
            }
            .dentro_do_prazo{
                background-color:#5cb85c !important;
                font-weight:bold;
                color:#FFF;
                text-align:center;
            }

            .em_alerta{
                background-color:#337ab7 !important;
                  font-weight:bold;
                color:#FFF;
                text-align:center;
            }

            .no_limite{
                background-color:#f0ad4e !important;
                  font-weight:bold;
                color:#FFF;
                text-align:center;
            }

            .expirado{
                background-color:#d9534f !important;
                 font-weight:bold;
                color:#FFF;
                text-align:center;
            }

        .drop-file {
            padding: 15px;
            border: 4px #0F6EB4 dashed;
            border-radius: 5px;
            line-height: 34px;
        }

            .drop-file.drag-over {
                background: #ccd9ff;
                color: #fff;
            }

        .chat-block{
            width:100%;
            height:100%;
            z-index:9;
            position:fixed;
            background-color:#000;
            opacity:0.6;
            top:0;
            left:0;
        }
        .chat-panel {
            position: fixed;
            right: 0px;
            bottom: 0;    
            height:0.1px;
            width: 100%;
            z-index:10;
        }
        .chat-panel-people > li{
            cursor:pointer;
        }
        .chat-panel-people > li:hover{
            background-color:#F5F5F5;
        }

        .chat
        {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .chat li
        {
            margin-bottom: 10px;
            padding-bottom: 5px;
            border-bottom: 1px dotted #B3A9A9;
        }

        .chat li.left .chat-body
        {
            margin-left: 0px;
        }

        .chat li.right .chat-body
        {
            margin-left: 20px;
        }

        .chat li.left div  p{
            background-color: #4bb88e;
            border-radius: 10px;
            padding: 8px;
            color: #FFF;
        }

        .chat li.right div  p{
            background-color: #079cde;
            border-radius: 10px;
            padding: 8px;
            color: #FFF;
        }



        .chat li .chat-body p
        {
            margin: 0;
            color: #777777;
        }
        .chat-panel .wrapper {
  
            position: relative;
            float:right;
            margin-right:10px;
            margin-bottom:0px;
            width:350px;
            height:100%;
            min-height:100%;
            background-color:#f60606;
        }
        .chat-panel .wrapper > .chat-box {
            position:absolute;
            float:right;
            width:350px;
    
    
            bottom:0;
            right:0;
            box-shadow: -5px -0px 30px #000;
        }

.pagination > li > .selected {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}



/*	
*	############################################################################
*	
*	Delicate Switcher Style
*	---------------------------------------------------------------------
*	@version	1.1
*	@author		The Develovers
*	@link		http://www.thedevelovers.com
*	@copyright	Copyright 2013 The Develovers
*	---------------------------------------------------------------------
*
*	############################################################################
*/

.del-style-switcher {
	width: 800px;
	position: fixed;
	top: 20%;
	padding: 14px;
	left: -805px;
	background: white;
	z-index: 1001;
    box-shadow:1px 1px 10px #000;
}

.del-switcher-toggle {
	background:  #0F6EB4;
	display: block;
	width: 40px;
	height: 160px;
    padding:5px;
	position: absolute;
	right: -40px;
	cursor: pointer;
	border-left: none;
    box-shadow:1px 1px 10px #000;
}

.del-switcher-toggle:hover {
	background-color: #2c98c6;
}

.del-section-skin p {
	margin-bottom: 0;
}

.del-style-switcher a.del-reset-style {
	color: #4d4d4d;	
	text-decoration: underline;
	font-size: 0.8em;
}

.del-style-switcher a.del-reset-style:hover {
	text-decoration: none;
}

.del-switcher-header {
	color: #4d4d4d;	
	margin-bottom: 7px;
	font-size: 1.1em;
}

.del-section {
	margin-bottom: 10px;
}

.del-small-info {
	font-style: italic;
	font-size: 0.8em;
}

.del-style-switcher ul {
	margin-bottom: 10px;
	padding-left: 0;
}

.del-style-switcher li {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;

	margin: 0 10px 5px 10px;
}

.del-style-switcher li a {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	border: 2px solid transparent;
}

.del-style-switcher li a:hover,
.del-style-switcher li a:focus {
	border: 2px solid #fff;
	outline: none;
}

.del-style-switcher li a.slategray {
	background: #708090;
}

.del-style-switcher li a.darkblue {
	background: #1e6887;
}

.del-style-switcher li a.darkbrown {
	background: #512222;
}

.del-style-switcher li a.orange {
	background: #ee9109;
}

.del-style-switcher li a.red {
	background: #ab1d1d;
}

.del-style-switcher li a.lightgreen {
	background: #bcbf23;
}

.del-style-switcher li a.teal {
	background: #084951;
}

.del-style-switcher li a.yellow {
	background: #dcad2a;
}

/* button switch style */
.switch-skin-full {
	width: 100%;
	margin-bottom: 10px;
	border: none;
	padding: 8px;
	font-size: 1.2em;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.switch-skin-full.selected:before {
	content:'\221A';
	margin-right: 5px;
}

.switch-skin-full.fulldark {
	background: #304A54;
	color: #fff;
}

.switch-skin-full.fulldark:hover,
.switch-skin-full.fulldark:focus {
	background: #3A5762;
}

.switch-skin-full.fullbright {
	background: #fff;
	color: #646464;
	border: 1px solid #646464;
}

.switch-skin-full.fullbright:hover,
.switch-skin-full.fullbright:focus {
	background: #f2f2f2;
}

/*** CUSTOMIZATIONS UI-SELECT***/

.ui-select-match-text > span {
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
}

.blink_me {
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.fancy-radio input[type="radio"]:checked + span i:after {
    background-color: #0f6eb4 !important;
}

