@CHARSET "ISO-8859-1";

/*div {
    display: block;
}*/

body {
    height: 100%;
    /*background-color: #DCDCDC;*/
    background-color: #F8F8F8;
    color: rgba(75, 72, 72, 1);
    font-size: 18px;
    font-family: "RobotoCondensed Light",'sans-serif',Tahoma;
    margin: 0;
    padding: 0;
}
#sortable li {
    margin: 0 3px 3px 3px;
    padding: 0.4em;
    padding-left: 1.5em;
    font-size: 16px;
    font-family: "RobotoCondensed Light",'sans-serif',Tahoma;
    /*height: 12px;*/
}
.full{
		width: 99.5%;
		float: left;	    
		position: relative;
		margin-top: 12px;		
		padding-left : 7px;
		padding-right : 7px;
}

.form-inputs-50-l {
		width: 100%;
	    float: left;
	    position: relative;
		padding-left : 7px;
		padding-right : 7px;
}
	
.form-inputs-50-r {
		width: 100%;
	    float: left;
	    position: relative;		
		padding-left : 7px;
		padding-right : 7px;
}
	
.form-inputs-30 {
		width: 100%;
	    float: left;
		margin-top: 10px;
	    position: relative;		
		padding-left : 7px;
		padding-right : 7px;
}
	
.jsf-field {
	width: 100%;
	margin-top: 10px;
	float: left;
	padding-left : 7px;
	padding-right : 7px;
}

.search-obj-fields {
	width: 100%;
	margin-top: 10px;
	margin-left: 7px;
	float: left;
	height: 350px;
}

.od-form-header {
	color: white;
	height: 70px;
	font-size: 25px;
	background-color: #007096;
	border-bottom: 7px solid #005875;
    line-height: 60px;
 	text-align: left;
	font-family : RobotoCondensed;
	position: relative;
}
/*Nav top*/
.navbar-toggle {

    margin-top: 10px;
    border-radius: 4px;
}

.icon-bar {
    background-color: rgba(157, 210, 201, 1);
}
 .navbar-brand {
    color: white;
    font-family: "RobotoCondensed","sans-serif",Tahoma;
    font-size: 20px;
/*	padding-top: 20px;*/
}


.brandshort span {
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.brandshort:before,
.brandshort:after {
    content: '';
    position: absolute;
    /*top: 0.67em;
    left: 0;
    width: 100%;
   text-align: left;*/
    opacity: 0;
    -webkit-transition: .4s,opacity .6s;
    -moz-transition: .4s,opacity .6s;
    -o-transition: .4s,opacity .6s;
    transition: .4s,opacity .6s;
}

/* :before */

.brandshort:before {
    content: attr(data-hover);
    -webkit-transform: translate(-150%,0);
    -moz-transform: translate(-150%,0);
    -ms-transform: translate(-150%,0);
    -o-transform: translate(-150%,0);
    transform: translate(-150%,0);
}

/* :after */

.brandshort:after {
    content: attr(data-active);
    -webkit-transform: translate(150%,0);
    -moz-transform: translate(150%,0);
    -ms-transform: translate(150%,0);
    -o-transform: translate(150%,0);
    transform: translate(150%,0);
}

/* Span on :hover and :active */

.brandshort:hover span,
.brandshort:active span {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
}

/*  
    We show :before pseudo-element on :hover 
    and :after pseudo-element on :active 
*/

.brandshort:hover:before,
.brandshort:active:after {
    opacity: 1;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s;
}

/* 
  We hide :before pseudo-element on :active
*/

.brandshort:active:before {
    -webkit-transform: translate(-150%,0);
    -moz-transform: translate(-150%,0);
    -ms-transform: translate(-150%,0);
    -o-transform: translate(-150%,0);
    transform: translate(-150%,0);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
/*@media all and (min-width:768px)*/
.navbar-nav > li > div {
    padding: 15px 15px 15px 15px;
    position: relative;
    display: block;
	color:white;
	
}

.nav > li > div:hover, .nav > li > div:focus {
    text-decoration: none;
    background-color: #005875;
	border-top-left-radius : 15px;
	border-top-right-radius : 15px;
	cursor:pointer;
}

.navbar-nav > li > .dropdown-menu{
	width: 400px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-top: 20px;
}

.underline{
  text-decoration: none;
}

.Contactlist > li > a ,.Contactlist > li >div{
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.4285;
    color: rgba(115, 113, 113, 1);
    white-space: nowrap;
	font-size:15px;
	display:inline-block;
	width:100%
}
.analyst-list{
	max-height:500px;
	overflow-y:auto;
}
.analyst-item:hover,.analyst-item:focus{
	background-color:#f5f5f5;
}
.analyst-item{
	display:block;
	height:45px;
}

.analyst-name{
	display: inline-block;
}
.analyst-title{
	font-size: 12px; 
    margin-top: 2px;
    position: relative;
}

#feedback_btn{
    display: none;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
	
#feedback{	
    position: fixed;
    top: 9%;
    z-index: 900;
    right: 20px;
	}
#feedback_btn{
    display: block;
    background-color: #0C479D;
    height: 100px;
    width: 10px;   
	}
#feedback_btn:hover{
	width: 30px;   
	background-color: #002f6c;
}
.rotate90r{
    transform-origin: left top;
    transform: rotate(-90deg);
    position: relative;
	right:10px;
    width: 100px;
    bottom: -88px;
    height: 20px;
	color:white;
	text-transform: uppercase;
	}
}

@media (max-width:767px){
	.navbar-nav .open .dropdown-menu {
		background-color: white;
	}
}


img.analyst-photo {
    float: right;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    margin-right: 15px;
}

/*
.navbar {

    min-height: 70px;
    margin-bottom: 20px;
    border: 1px solid transparent;

}
.navbar-default .navbar-brand {
    color: white;
    font-family: "RobotoCondensed","sans-serif",Tahoma;
    font-size: 23px;
	padding-top: 20px;
}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {
    color: white;

}
.navbar-default {
    background-color: #007096;
    border-bottom: 7px solid #005875;
}
.container {
    max-width: 1170px;
	width: 100%;
}
.nav-item{
    color: white;
}
.nav :hover,.nav :focus{
	background-color: #005875;
	font-size:20px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
@media (min-width: 768px){
	.navbar-nav {
		float: right;
		margin: 0;
	}
	.nav-item{
		padding-top: 20px;
		padding-bottom: 22px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
}

	.col-md-1 {
		width: 39%;
		padding-left: 0px;
	}
	.col-md-11 {
		width: 60%;
	}
*/
/*Nav top end*/

#header-text {
	position: relative;
	width: 1148px; 
	margin-right:auto; 
	margin-left:auto;
	padding-right:4%;
}
:not([class*='col-']):not(.input-group-btn):not([class*='form-control']).bootstrap-select{
	width : 100%
}
/*
@media (min-width: 400px) {
	.od-form-header {
		font-size: 30px;
	}
}
*/
@media (min-width: 768px) {
	.full{	
		padding-left : 0px;
		padding-right : 0px;
	}
	/*.od-form-header {
		font-size: 35px;
	}*/
	.form-inputs-50-l {
		width: 48%;
	    float: left;
	    position: relative;		
		padding-left : 7px;
		padding-right : 0px;
	}
	
	.form-inputs-50-r {
		width: 48%;
	    float: left;
	    margin-left: 2%;
	    position: relative;		
		padding-left : 0px;
		padding-right : 0px;
	}
	
	.form-inputs-30 {
		width: 38%;
	    float: left;
		margin-top: 10px;		
	    margin-left: 1%;
	    position: relative;			
		padding-left : 0px;
		padding-right : 0px;
	}

	.urgency, .environment {
	    width: 48%;
	    float: left;
	    position: relative;
	}	
	
	.jsf-field {
		width: 20%;
		margin-top: 10px;
		float: left;
		height: 346px;
		padding-right : 0px;
	}

.search-obj-fields {
		width: 78%;
		margin-top: 10px;
		margin-left: 5px;
		float: left;
		height: 350px;
	}

.full > :not([class*='col-']):not(.input-group-btn):not([class*='form-control']).bootstrap-select{
	width : 98.5%
	}
}

.btn, .btn-group > .btn, .btn-group >  .btn-group > .popover{
	font-size:16px;
}
.btn{
	height:40px;
}

 input , select, button{
 height: 30px;
 font-size: 16px;
 font-family:"RobotoCondensed Light",'sans-serif',Tahoma;
 }
 
.inp-time, .inp-date  {
	width: 95%;
	height: 40px;
	border-radius:4px;
	border : #ccc 1px solid;
	padding-left: 5px;
}
 #icon-remove, #icon-calendar{
  padding-top: 14px;
 }
 .input-append .add-on, .input-append .btn, .input-append .btn-group{
 padding-top: 14px;
 }
 
.ui-state-highlight { 
	visibility: hidden;
}

.jsf-container,.selected-jsf-container {
	width: 93%;
	margin : 1% 0 1% 3px;
	padding: 10px 0px 10px 10px;
	border : 1px solid #999999;
	border-radius: 12px;
	float: left;
	background : white url("../img/premium-bg.png") 50% 50% repeat-x;
	position: relative;

}
.ui-sortable{
	margin-left: -36px;
	cursor : move;
}
/*
.container-object-name {
	width: 100%;
	float: left;
}*/
.sortable-number { 
	font-size:55px;
	float: right;
	opacity: 0.4;
	font-family: "Robotocondensed",'Impact',Tahoma;
	position: absolute;
	right:55px;
	bottom:-18px;
}
.container-img {
    color: rgba(153, 153, 153, 1);
    float: right;
    width: 55px;
    height: 60px;
    position: absolute;
    right: -1px;
    bottom: 0px;
}

.manual{
	background: url("../img/manual.PNG") no-repeat center;
	background-size: 40px;
	background-position-y: top;
}
.auto{
	background: url("../img/auto.PNG") no-repeat center;
	background-size: 65px;
	background-position-y: top;
	background-position-x: left;
}
.grey {
	opacity: 0.4;
}
.container-symbol {
	color: white;
	border: 2px solid;
	border-radius: 25px;
	cursor: pointer;
	float: right;
	width: 35px;
	height: 35px;
	position : relative;
	right : -14px;
	top: -20px;
}
.plus {
	background: url("../img/symbol-plus.png") no-repeat center;
	background-size : 40px 40px;
}
.minus {
	background: url("../img/symbol-minus.png") no-repeat center;
	background-size : 40px 40px;
}

.container-object-title {
	/*border: 1px solid;*/
	font-size: 14px;
	color : grey;
}

.container-object-supportgroup {
	/*border: 1px solid;*/
	width: 60%;
	float: left;
	color: #376092;
	font-family: "RobotoCondensed Bold","sans-serif",Tahoma;"
}


/*
.od-form-footer {
	height: 70%;
	background-color: #808080;
	position: relative;
	bottom: 0;
	left: 0;
	margin-top: 30px;
}*/

.ticket_create-body {
    /*width: 92%;*/
    max-width: 1150px;
    margin: 0 auto;
    margin-top: 20px;
    margin-right: auto; 
    margin-bottom: 0px;
    margin-left: auto;
}

#ticket_create-id {
    display: block;
    margin: 30px auto 20px 7px;
    font-size: 32px;
    line-height: 32px;
	background-color : red;
	color : white;
}

.on-demand {
	display: block;
    margin: 30px auto 20px auto;
	font-size: 18px;
}

.ticket-instructions {
	width: 97.5%;
	position: relative;
	margin: 30px 0 20px 0px;
	height: 100px;
	border: #ccc 1px solid;
	background-color: white;
	font-size: 18px;
    font-family: "RobotoCondensed",'sans-serif',Tahoma;
    padding: 5px 0 0 10px;
    border-radius: 4px;
}	
	
.ticket_create-picture {
    width: 60px;
    height: 60px;
    margin: 15px 0 0 -3px;
    top: 0;
    left: 0;
    border: 1px dashed #bbb;
    background-color: #e5e5e5;
    float: left;
}

.ticket_create-picture  img{
 max-height :100%;
 max-width :100%;
 width: 62px;
 height: 62px;
}
.ticket_create-picture-customer {
    position: relative;
    padding-left: 62px;
}

.ticket_create-template {
	position: relative;
}

.ticket_create-label {
    display: block;
    color: #444;
    margin: 12px 0 2px 0;
    font-size: 17px;
    font-family: "RobotoCondensed",'sans-serif',Tahoma;
}

.ticket_create-label-required {
    color: #d42e12!important;
    font-family: "Roboto Black",'sans-serif',Tahoma;
}

.ticket_create-input {
    width: 97%;
    padding: 5px 0 5px 2%;
    border: #ccc 1px solid;
    border-radius: 4px;
    font-size: 16px;
    font-family: "RobotoCondensed Light",'sans-serif',Tahoma,sans-serif,Tahoma;
    box-sizing: content-box;
	height :31px;
}

.manual-input{
	display:none;
}

.auto-input{
	display:block;
	margiin-top:12px;
}


.mec-rel-urg {
	margin: 2px 0 0 0;
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 36px;
    background-color: #fff;
	 font-family: "RobotoCondensed Light",'sans-serif',Tahoma;
}

.urgency-status-high {
	text-align: center;
	line-height: 36px;
	vertical-align: middle;
	/*overflow: hidden;*/
	margin-top: 160px;
	width: 100%;
	background-color: #CC0000;
	color: white;
}

.urgency-status-normal {
	display: block;
	text-align: center;
	line-height: 36px;
	vertical-align: middle;
	/*overflow: hidden;*/
	margin-top: 230px;
	width: 100%;
	background-color: #006633;
	color: white;
}

.act-to-perform-container {
	/*position: relative;*/
	height: 100px;
	background-color: white;
	/*width: 48%;*/
	width: 100%;
    /*float: left;*/
    margin-right: 2%;
}

.mec2 {
    margin-top: 300px;
}

.act-to-perform {
	display: block;
    color: #444;
    margin: 12px 0 2px 0;
    font-size: 16px;
    font-family: "RobotoCondensed",'sans-serif',Tahoma;
}

.button-on {
	text-align: center;
	width: 50%;/*48*/
    float: left;
    /*margin-left: 2%;*/
    position: relative;
    background-color: rgba(212, 212, 212, 1);
    border-bottom: 2px solid #007096;
    cursor: pointer;
	font-weight: bold;
	color: rgba(94, 94, 94, 1);
}

.button-off {
	text-align: center;
	width: 50%;
    float: left;
    position: relative;
    border-bottom: 2px solid #B0B0B0;
    cursor: pointer;
	
}

.button-seq {
	text-align: center;
	width: 100%;
    float: left;
    /*margin-left: 2%;*/
    position: relative;
    background-color: rgba(212, 212, 212, 1);
    border-bottom: 2px solid #007096;
    cursor: pointer;
	font-weight: bold;
	color: rgba(94, 94, 94, 1);
}

.env-yes-button-on {
	text-align: center;
	width: 34%;
    float: left;
    position: relative;
    background-color: #B0B0B0;
    border-bottom: 2px solid #007096;
    cursor: pointer;
    font-weight: bold;
}

.env-yes-on-prod {
	text-align: center;
	width: 34%;
    float: left;
    position: relative;
    color: white;
    font-weight: bold;
    background-color: #FE000C;
    border-bottom: 2px solid #a6192e;
    cursor: pointer;
   font-weight: bold;
}

.env-yes-on-acc {
	text-align: center;
	width: 34%;
    float: left;
    position: relative;
    color: white;
    font-weight: bold;
    background-color: #006600;
    border-bottom: 2px solid #b4d405;
    cursor: pointer;
    font-weight: bold;
}

.env-yes-on-dev {
	text-align: center;
	width: 34%;
    float: left;
    position: relative;
    color: white;
    font-weight: bold;
    background-color: #00aca8;
    border-bottom: 2px solid #007096 ;/*0066FF*/
    cursor: pointer;
    font-weight: bold;
}

.env-yes-button-off {
	text-align: center;
	width: 33%;
    float: left;
    position: relative;
    border-bottom: 2px solid #B0B0B0;
    cursor: pointer;
}

.env-no-button-on {
	text-align: center;
	width: 50%;
    float: left;
    position: relative;
    background-color: #B0B0B0;
    border-bottom: 2px solid #007096;
    cursor: pointer;
    font-weight: bold;
}

.env-no-on-prod {
	text-align: center;
	width: 50%;
    float: left;
    position: relative;
	color: white;
    font-weight: bold;
    background-color: #CC0000;
    border-bottom: 2px solid #CC0000;
    cursor: pointer;
}

.env-no-on-acc {
	text-align: center;
	width: 50%;
    float: left;
    position: relative;
	color: white;
    font-weight: bold;
    background-color: #00a14d;
    border-bottom: 2px solid #00a14d;
    cursor: pointer;
}

.env-no-button-off {
	text-align: center;
	width: 50%;
    float: left;
    position: relative;
    border-bottom: 2px solid #B0B0B0;
    cursor: pointer;
}

.env-fields {
    font-family: 'RobotoCondensed Light','sans-serif','Tahoma';
    margin: 2px 0 0 0;
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 36px;
    background-color: #fff;
    border-radius: 4px;
}

.date {
	width: 100%;
    float: left;
    position: relative;
}

.date-field {
	margin: 2px 0 0 0;
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 36px;

}

/*media screen*/


.time {
	width: 100%;
    float: left;
    position: relative;
}

.time-field {
	margin: 3px 0 0 0;
    width: 100%;
    height: 40px;
    font-size: 16px;
    line-height: 36px;
   
}

/*readonly */
/*.form-time {
	width: 100%;
}*/

.reason-add-info {
	margin: 2px 0 0 0;
    width: 100%;
    height: 36px;
    font-size: 12px;
    line-height: 36px;
    border-radius: 4px;
}

.jsf-input {
    /*width: 100%;*/
    width: 98%;
    padding-top: 10px;
	padding-bottom: 17px;
	padding-left: 10px;
    border: white 1px solid;
   /* border-radius: 4px;*/
    font-size: 16px;
    font-family: "RobotoCondensed Light",'sans-serif',Tahoma,sans-serif,Tahoma;
    box-sizing: content-box;
	position : absolute;
	height : 83%;
	top: -1px;
	left: -1px;
	

}/*
.input-area  {
	position: relative;
	height: 380px;
	border: #ccc 1px solid;
	background-color: white;
	font-size: 16px;
    font-family: "Robotocondensed light","sans-serif","Tahoma";
    padding: 0px;
	margin-right: 5px;
    border-radius: 4px;
	overflow: hidden;
	width: 95%;
}*/
.result-area,.input-area {
	padding: 0px;
	border-radius: 4px;
	overflow: hidden;
	background-color: white;
	border: #ccc 1px solid;
	height: 380px;
	width: 100%;
	position: relative;
	padding: 0px;
}
.jsf-result, .selected-objects  {
	position: relative;
	height: 320px;
	font-size: 15px;
    font-family: "Robotocondensed light","sans-serif","Tahoma";
    padding-top: 5px;
	padding-left: 1%;
	margin-right: 5px;
    border-radius: 4px;
	width: 100%;
	overflow: auto;

}



#btn-force-search,#btn-select-all,#btn-reset-selected{
	position : absolute;
	top: 90%;
	width: 100%;
	left : 2px;
}

.submit  {
	color: #fff;
    border-bottom: 3px solid #004d67;
    background-color: #007096;
    padding: 10px 22px;
    line-height: normal;
    height: auto;
    /*width: auto;*/
    /*margin-top: 80px;*/
    text-align: center;
    float: right;
    cursor: pointer;
    margin-top: 20px;
    /*margin-bottom: 20px;*/
}

.save-template {
	color: #fff;
    border-bottom: 3px solid #004d67;
    background-color: #007096;
    padding: 10px 22px;
    line-height: normal;
    height: auto;
    /*width: auto;*/
    /*margin-top: 80px;*/
    margin-right: 10px;
    /*margin-bottom: 20px;*/
    /*margin: 80px 10px 20px 0;*/
    text-align: center;
    float: right;
    cursor: pointer;
    margin-top: 20px;
    /*margin-bottom: 20px;*/
}

.od-form-footer {
	width: 100%;
	height: 70px;
	background-color: #808080;
	float: right;
	margin-top: 50px;
	padding-right: 15%;
}

.ticket_create-label-title {
    font-family: "RobotoCondensed Bold","sans-serif",Tahoma;
    font-size: 48px;
    margin-bottom: 10px;
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0px;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    font-family: "RobotoCondensed Light","sans-serif",Tahoma;
    font-size: 14px;
}

.ui-autocomplete {
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: default;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.btn-default {
    color: rgba(75, 72, 72, 1);
}

.ticket_info-close {
    width: 100%;
    height: 50px;
    text-align: center;
    background-color: #fff;
    margin: 0 auto 0 auto;
    cursor: pointer;
    color: #007096;
    font-size: 24px;
}


#state_alert_pending {
    height: 70px;
    width: 100%;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    background-color: rgba(242,172,51,.85);
    position: fixed;
    z-index: 1100;
    bottom: 0px;
	padding-top:1%;
    display: none;
}

#state_alert_error {
    height: 70px;
    width: 100%;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    background-color: rgba(166,25,46,.85);
    position: fixed;
    z-index: 1100;
    bottom: 0px;
	padding-top:1%;
    display: none;
}
#state_alert {
    height: 70px;
    width: 100%;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    background-color: rgba(0,161,77,.85);
    position: fixed;
    z-index: 1100;
    bottom: 0px;
	padding-top:1%;
    display: none;
}


/*media screen*/
.modal.modal-wide .modal-dialog {
  width: 70%;
}
.modal-wide .modal-body {
  overflow-y: auto;
  padding: 8px;
}

#tallModal .modal-body p { 
	margin-bottom: 450px 
}

.modal-full {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.modal-dialog-full {
  position: fixed;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}

.modal-content-full {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
  text-align:center;
  
}

#noti-full-text {
	  text-align:center;
	  color:white;
	  font-size: 20px;
	 
	}
	
	

/*#noti-full-text a{
	  color:rgba(20,255,243,1); 
	}
	
#noti-full-text a:hover{
	  color:rgba(255,20,20,1); 
	}*/
	

.modal-title-full {
  font-size: 2em;
  text-align:center;
  color: #fff;  
}

@media (min-width: 400px) {
	#noti-full-text {
	  text-align:center;
	  color:white;
	  font-size: 30px; 
	}
	.modal-title-full {		
		font-size: 3em;
		text-align:center;
		color: #fff;  
	}
	
}
.modal-header-full {
  top: 0;
  right: 0;
  left: 0;
  background:#a6192e;
  border: 0;
}

.modal-body-full {
  margin-top: 10px;
  position: absolute;
  top: 80px;
  bottom: 70px;
  width: 100%;
  font-weight: 300;
  color:black;
  overflow: auto;
}

.ccm-remo-expand{
  max-width:1500px;
  margin-left:auto;
  margin-right:auto;
  width:80%;
}

.panel-heading{
padding-right: 10px; 
padding-left: 10px;
}

.panel-title{
color:#a6192e;
font-size:20px;
text-align:left;
padding-right: 0px; 
padding-left: 0px;
}

.panel-body{
color:rgba(148, 41, 57, 1);
font-size:18px;
}
.modal-footer-full{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 60px;
  padding: 10px;
  background-color:#a6192e;
}

.btn-modal-full {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -100px;
  padding-bottom: 35px;
  width: 200px;
  
  background-color: rgba(162, 26, 29, 1); 
  border: 1px solid #fff;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px; 
}
.btn-modal-full:hover, .btn-modal-full:focus{
  background-color: rgba(242, 33, 37, 1);  
  color: white;
}
#modal-summary-header {
    background-color: rgba(236, 234, 233, 1);
	color:rgba(118, 113, 113, 1);
	
}
#modal-summary-footer {
    background-color: rgba(236, 234, 233, 1);
}

.summary-header-img{
    float: left;
    width: 120px;
    height: 140px;
}
.sum-manual{
	background: url("../img/sum_manual.PNG") no-repeat center;
	background-size: 100px;
	background-position-y: top;
	background-position-x: left;
}

.sum-auto{
	background: url("../img/auto.PNG") no-repeat center;
	background-size: 120px;
	background-position-y: top;
	background-position-x: left;
}
.summary-header-thanks{
	font-family: "RobotoCondensed Bold"; 
	font-size: 24px;
}
.summary-header-content{
	width: 100%;
	font-family: "RobotoCondensed"; 
	font-size: 14px;
	line-height: 23px;
}
.summary-info {
	width: 300px;
	font-family: "Roboto Black"; 

}
.summary-answer {
	font-family: "RobotoCondensed"; 
	margin-left: 100px; 
	position: absolute;
	width:100%
}
.label-header {
	font-size : 14px;
	font-weight : normal;
	background-color : rgba(63, 166, 166, 0.78);
	padding: .1em .2em .1em;
	border-radius: .25em;
	color : white;
	font-family: "RobotoCondensed"; 
	
}



::-webkit-scrollbar-track
{
	border-radius: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;	
	background-color: #D62929;
}


.disabled.btn-group.bootstrap-select, .btn-group.bootstrap-select > .disabled {
    cursor: not-allowed;
	 background-color: #e6e6e6;
}



.fitin {
	word-break: break-all;
}
@font-face{
	font-family:'RobotoCondensed Light';
	font-style:normal;
	src:local('RobotoCondensed Light'),local('RobotoCondensed-Light'),url("../fonts/Roboto/RobotoCondensed-Light.ttf") format('truetype')
}
.ui-state-default.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #cccccc;
    background: #f6f6f6 url("images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4;
}
@font-face{font-family:'Roboto Light';font-style:normal;src:local('Roboto Light'),local('Roboto-Light'),url("../fonts/Roboto/Roboto-Light.ttf") format('truetype')}
@font-face{font-family:'Roboto Black';font-style:normal;src:local('Roboto Black'),local('Roboto-Black'),url("../fonts/Roboto/Roboto-Black.ttf") format('truetype')}
@font-face{font-family:'RobotoCondensed';font-style:normal;src:local('RobotoCondensed Regular'),local('RobotoCondensed-Regular'),url("../fonts/Roboto/RobotoCondensed-Regular.ttf") format('truetype')}
@font-face{font-family:'RobotoCondensed Bold';font-style:normal;src:local('RobotoCondensed Bold'),local('RobotoCondensed-Bold'),url("../fonts/Roboto/RobotoCondensed-Bold.ttf") format('truetype')}