@charset "UTF-8";
@import url("./style.css");
@import url("./fonts.css");

h4{color: #6e6969; font-weight: 700;}
a{color: #ea650d;}
a:hover, a:focus {color: #bf5007;}
hr{background-color: #9c8f8f; border-color: #9c8f8f; margin-bottom: 15px;}
textarea{overflow: hidden;}

/* buttons */
.btn.btn-primary{background-color: #E30613; border: none; color: #fff !important;}
.btn.btn-primary:hover{background-color: #ea650d;}
.btn.btn-primary:focus, .btn.btn-primary:active:focus{background-color: #ea650d; border-color: #ea650d;}

/* forms */
.form-control {
	font-weight: normal;
	border: 1px solid #ddd;
	-webkit-box-shadow:	none !important;
	-moz-box-shadow:	none !important;
	box-shadow:			none !important;
	-webkit-border-radius:	0 !important;
	-moz-border-radius:		0 !important;
	border-radius:			0 !important;
}
.form-control:focus {border-color: #aaa;}

.bootstrap-select.form-control {margin-bottom: 0; padding: 0; border: none; border: 1px solid #ddd;}
.bootstrap-select .btn-default{background-color: #fff; border: 0 none; line-height: 170%;}
.bootstrap-select .btn-default:hover{background-color: #fff; border: 0 none;}
.btn-default:focus, .btn-default.focus {background-color: #fff;}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  background-color: #fff;
  border-color: #aaa !important;
  -webkit-box-shadow:	none !important;
  -moz-box-shadow:	none !important;
	box-shadow:			none !important;}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  background-color: #fff;
  border-color: #aaa !important;
  -webkit-box-shadow:	none !important;
  -moz-box-shadow:	none !important;
	box-shadow:			none !important;
}

/*Login page*/
.login-wrapper{text-align: center;background: url('/login/world.png') no-repeat center; background-size: contain;}
.login-wrapper img.logoIpsos{width: 50px; height: 50px; position: absolute; left: 10px; top: 10px;}
.login-wrapper h2{position: absolute; left: 60px; top: 3px;}
.login {max-width: 520px; width: 100%; min-width: 280px;}
.login h4{margin-bottom: 30px; text-align: center;}
.login h4, .login p {font-weight: 400;}
.login .login-form {padding: 30px 80px 30px;}
.login form {margin-bottom: 15px;}
.login .btn-primary {margin-top: 50px;}

/* top lista */
.gn-menu-main {background: #fff; color: #273238;}
.gn-menu-main .navbar-right a {color: #ea650d;}
.gn-menu-main .navbar-right a:focus, .gn-menu-main .navbar-right a:hover {
  background-color: #ea650d !important; color: #fff;
}

.topInfoLine {line-height: 56px; font-size: 16px; font-weight: 700; width: 70%; text-align: center;}
.topInfoLine .topInfoLineIn{display: block; background-color: #fff; line-height: 50px; width: 50%; margin: 0 auto; color: #ea650d; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;}
.topInfoLine .topInfoLineIn a{width: auto; display: inline; color: #ea650d;}
@media (max-width: 1200px) {
  .topInfoLine {line-height: 100%; font-size: 14px; font-weight: 700; width: 60%;}
  .topInfoLine .topInfoLineIn{width: 80%; line-height: 100%; padding-top: 20px;}
}
@media (max-width: 767px) {
  .topInfoLine {line-height: 100%; font-size: 14px; font-weight: 300; width: 60%;}
  .topInfoLine .topInfoLineIn{width: 80%; line-height: 100%; padding-top: 20px;}
}


.boxFlags{padding: 0 0 0 10px; margin: 0;}
.boxFlags.btn-group{-webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}
.boxFlags.btn-group .btn{margin-top: -3px; margin-bottom: 0; padding: 0; background-color: transparent;}
.boxFlags.btn-group .btnCaret{padding-top: 0px; padding-bottom: 1px; padding-left: 10px; padding-right: 10px;}
.boxFlags .dropdown-menu li a{display: block;}

.fileIcons a{margin-left: 5px;}

.well{border: 1px solid #e1e1e1; -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .05); box-shadow: inset 0 0 0 rgba(0, 0, 0, .05); background-color: #f8f8f8;}

/* white boxes */
.colContentBox{padding: 5px;}
.colContentBox .header-box { margin: 10px 15px; padding: 8px 5px; font-weight: bold; }
.color-theme1 { background-color: #B0B0B0; text-align: center; color: white; }
.color-theme2 { background-color: #7CB953; text-align: center; color: white; }
.color-theme3 { background-color: #D54B5F; text-align: center; color: white; }
.color-theme4 {text-align: center; color: #000; padding-top: 0; padding-bottom: 15px !important; margin: 0 !important;}
.color-theme4 span {font-size: .9em;}

.colContentBox .table-ovd{}
.colContentBox .table-ovd tr.top th   {font-size: 10px; text-align: center; border-color: #fff; border-bottom: 2px solid #000; color: #000;}
.colContentBox .table-ovd tr.months th{font-size: 10px; text-align: center; border-color: #fff; border-top: 2px solid #000; color: #000;}
.colContentBox .table-ovd td{font-size: 11px; text-align: center; vertical-align: middle; color: #000; border-color: #fff;}
.colContentBox .table-ovd .number{font-size: 1.2em; font-weight: 700;}
.colContentBox .table-ovd td.color-1{background-color: #7eba54;}
.colContentBox .table-ovd td.color-2{background-color: #aed697;}
.colContentBox .table-ovd td.color-3{background-color: #95c873;}
.colContentBox .table-ovd td.color-4{background-color: #cce2bd;}
.colContentBox .table-ovd td.color-5{background-color: #b0b0b0;}

.colContentBox .table-dpup{}
.colContentBox .table-dpup tr.top th   {font-size: 10px; text-align: center; border-color: #fff; border-bottom: 2px solid #000; color: #000;}
.colContentBox .table-dpup tr.months th{font-size: 10px; text-align: center; border-color: #fff; border-top: 2px solid #000; color: #000;}
.colContentBox .table-dpup td{font-size: 11px; text-align: center; vertical-align: middle; color: #000; border-color: #fff;}
.colContentBox .table-dpup .number{font-size: 1.2em; font-weight: 700;}
.colContentBox .table-dpup td.color-1{background-color: #7cb953;}
.colContentBox .table-dpup td.color-2{background-color: #96c775;}
.colContentBox .table-dpup td.color-3{background-color: #b0d598;}
.colContentBox .table-dpup td.color-4{background-color: #e5f1dd;}
.colContentBox .table-dpup td.color-5{background-color: #b0d598;}
.colContentBox .table-dpup td.color-6{background-color: #cbe3ba;}
.colContentBox .table-dpup td.color-7{background-color: #c6e0b5;}

.colContentBox .table-sso{}
.colContentBox .table-sso tr.top th   {font-size: 10px; text-align: center; border-color: #fff; border-bottom: 2px solid #000; color: #000;}
.colContentBox .table-sso tr.months th{font-size: 10px; text-align: center; border-color: #fff; border-top: 2px solid #000; color: #000;}
.colContentBox .table-sso td{font-size: 1em; text-align: center; vertical-align: middle; color: #000;}
.colContentBox .table-sso .fa-arrow-right{font-size: 1.2em; color: #b0b0b0;}
.colContentBox .table-sso .arrow-up{
  -moz-transform:rotate(335deg);
  -webkit-transform:rotate(335deg);
  -o-transform:rotate(335deg);
  -ms-transform:rotate(335deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
  color: #7cb953;
}
.colContentBox .table-sso .arrow-down{
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
  color: #d54b5f;
}

/* filters */
.filterBox{overflow: visible;}
.filterBox .big-box{padding-top: 5px; padding-bottom: 5px;}
.filter-display { position: relative; }
.closeFilter { position: absolute; top: 5px; right: 15px; cursor: pointer; z-index: 2; }
.button_filter { margin-top: 25px; }
.sourrounding_div { width:100%;height:300px }
.members-sidebar .checkbox input[type="checkbox"] { opacity: 1!important; }

/* alerts */
.panelAlert{}
.panelAlert a{display: block; color: #9c8f8f;}
.panelAlert a:hover{text-decoration: none; color: #000;}

.panelAlert.unsolved{border-color: #cc3e42;}
.panelAlert.unsolved .panel-heading{background-color: #cc3e42; color: #fff;}

.panelAlert.solved{border-color: #3db234;}
.panelAlert.solved .panel-heading{background-color: #3db234; color: #fff;}

.panelAlert.process{border-color: #2d96cd;}
.panelAlert.process .panel-heading{background-color: #2d96cd; color: #fff;}

.panelAlert.red{border-color: rgb(204, 62, 66);}
.panelAlert.red .panel-heading{background-color: rgb(204, 62, 66); color: #fff;}
.panelAlert.yellow{border-color: rgb(255,201,14);}
.panelAlert.yellow .panel-heading{background-color: rgb(255,201,14); color: #fff;}
.panelAlert.green{border-color: rgb(50,162,50);}
.panelAlert.green .panel-heading{background-color: rgb(50,162,50); color: #fff;}

/* NN alerty - otevrene */
.panelAlert.redOpen{border-color: rgb(209,112,112);}
.panelAlert.redOpen .panel-heading{background-color: rgb(209,112,112); color: #fff;}
.panelAlert.yellowOpen{border-color: rgb(253,235,157);}
.panelAlert.yellowOpen .panel-heading{background-color: rgb(253,235,157); color: #fff;}
.panelAlert.greenOpen{border-color: rgb(105,197,133);}
.panelAlert.greenOpen .panel-heading{background-color: rgb(105,197,133); color: #fff;}

/* NN alerty - uzavrene */
.panelAlert.redDone{border-color: rgb(225,161,161);}
.panelAlert.redDone .panel-heading{background-color: rgb(225,161,161); color: #fff;}
.panelAlert.yellowDone{border-color: rgb(254,248,210);}
.panelAlert.yellowDone .panel-heading{background-color: rgb(254,248,210); color: #fff;}
.panelAlert.greenDone{border-color: rgb(161,225,161);}
.panelAlert.greenDone .panel-heading{background-color: rgb(161,225,161); color: #fff;}
.panelAlert.grey{border-color: rgb(196,196,196);}
.panelAlert.grey .panel-heading{background-color: rgb(196,196,196); color: #fff;}

.panelAlert .panel-title{font-size: 1.4em; line-height: 130%;}
.panelAlert .alertTools{float: right; margin-top: -5px;}
.panelAlert .alertTools .icon{display: inline-block; font-size: 11px; line-height: 100%; color: #000; opacity: .5; margin-left: 3px; margin-right: 3px;}
.panelAlert .alertTools .icon.active{color: #fff; opacity: 1;}
.panelAlert .alertTools .icon i{display: block; text-align: center; font-size: 20px !important;}
.panelAlert .alertTools .icon.timeline{font-size: 1em; font-weight: 700;}

.panelAlert .infoBox{margin-bottom: 15px;}

.panelAlert .operator{float: left; width: 50%; font-size: 1.1em; line-height: 185%;}
.panelAlert .questions{float: left; width: 45%;}
.panelAlert .emoticon{float: left; width: 5%; text-align: right;}
.panelAlert .emoticon i{font-size: 1.4em;}
.panelAlert .question{display: inline-block; width: 24px; height: 26px; font-size: 1.2em; text-align: center; margin: 0 1px; border: 1px solid #cfcfcf;}
.panelAlert .question.red{background-color: #ff9999;}
.panelAlert .text p{font-size: 1.1em;}

/* alert detail */
.panelAlertDetail{}

.panelAlertDetail.unsolved{border-color: #cc3e42;}
.panelAlertDetail.unsolved .panel-heading{background-color: #cc3e42; color: #fff;}

.panelAlertDetail.solved{border-color: #3db234;}
.panelAlertDetail.solved .panel-heading{background-color: #3db234; color: #fff;}

.panelAlertDetail.process{border-color: #2d96cd;}
.panelAlertDetail.process .panel-heading{background-color: #2d96cd; color: #fff;}

/* NN alerty - Red / Yellow / Green */
.panelAlertDetail.red{border-color: rgb(204, 62, 66);}
.panelAlertDetail.red .panel-heading{background-color: rgb(204, 62, 66); color: #fff;}
.panelAlertDetail.yellow{border-color: rgb(255,201,14);}
.panelAlertDetail.yellow .panel-heading{background-color: rgb(255,201,14); color: #fff;}
.panelAlertDetail.green{border-color: rgb(50,162,50);}
.panelAlertDetail.green .panel-heading{background-color: rgb(50,162,50); color: #fff;}
.panelAlertDetail.grey{border-color: rgb(196,196,196);}
.panelAlertDetail.grey .panel-heading{background-color: rgb(196,196,196); color: #fff;}

/* NN alerty - otevrene */
.panelAlertDetail.redOpen{border-color: rgb(209,112,112);}
.panelAlertDetail.redOpen .panel-heading{background-color: rgb(209,112,112); color: #fff;}
.panelAlertDetail.yellowOpen{border-color: rgb(253,235,157);}
.panelAlertDetail.yellowOpen .panel-heading{background-color: rgb(253,235,157); color: #fff;}
.panelAlertDetail.greenOpen{border-color: rgb(105,197,133);}
.panelAlertDetail.greenOpen .panel-heading{background-color: rgb(105,197,133); color: #fff;}

/* NN alerty - uzavrene */
.panelAlertDetail.redDone{border-color: rgb(225,161,161);}
.panelAlertDetail.redDone .panel-heading{background-color: rgb(225,161,161); color: #fff;}
.panelAlertDetail.yellowDone{border-color: rgb(254,248,210);}
.panelAlertDetail.yellowDone .panel-heading{background-color: rgb(254,248,210); color: #fff;}
.panelAlertDetail.greenDone{border-color: rgb(161,225,161);}
.panelAlertDetail.greenDone .panel-heading{background-color: rgb(161,225,161); color: #fff;}

.panelAlertDetail .alertTools{}
.panelAlertDetail .alertTools .icon{display: inline-block; font-size: 11px; line-height: 100%; color: #000; opacity: .5; margin-left: 3px; margin-right: 3px;}
.panelAlertDetail .alertTools .icon.active{color: #fff; opacity: 1;}
.panelAlertDetail .alertTools .icon i{display: block; text-align: center; font-size: 20px !important;}
.panelAlertDetail .alertTools .icon.timeline{font-size: 1em; font-weight: 700;}
.panelAlertDetail .buttons{text-align: right; padding-top: 7px; padding-bottom: 7px;}
.panelAlertDetail .buttons .inProcess{background-color: #2d96cd; display: inline;}
.panelAlertDetail .buttons .inProcess:hover{background-color: #1e84b9;}
.panelAlertDetail .buttons .resolve{background-color: #3db234; display: inline;}
.panelAlertDetail .buttons .resolve:hover{background-color: #299821;}
.panelAlertDetail .buttons .emoticon{display: inline; font-size: 25px; vertical-align: middle; line-height: 80%;}

.panelAlertDetail .panel-body strong{color: #6e6969;}

/* modal okna */
.modalInProcess{}
.modalInProcess .modal-header{background-color: #2d96cd;}
.modalInProcess .modal-header h4{color: #fff;}
.modalInProcess .btn-default{background-color: #ce5053; color: #fff; border: 0 none;}
.modalInProcess .btn-default:hover{background-color: #af3033; color: #fff;}
.modalInProcess .btn-primary{background-color: #479cd0;}
.modalInProcess .btn-primary:hover, .modalInProcess .btn-primary:focus, .modalInProcess .btn-primary:active{background-color: #1e84b9 !important;}
.modalResolve{}
.modalResolve .modal-header{background-color: #3db234;}
.modalResolve .modal-header h4{color: #fff;}
.modalResolve .btn-default{background-color: #ce5053; color: #fff; border: 0 none;}
.modalResolve .btn-default:hover{background-color: #af3033; color: #fff;}
.modalResolve .btn-primary{background-color: #3db234;}
.modalResolve .btn-primary:hover, .modalResolve .btn-primary:focus, .modalResolve .btn-primary.focus, .modalResolve .btn-primary:active{background-color: #299821 !important;}
.modalEditComment{}
.modalEditComment .btn-default{background-color: #ce5053; color: #fff; border: 0 none;}
.modalEditComment .btn-default:hover{background-color: #af3033; color: #fff;}

.modal-dialog { margin-top: 100px; }

/* uloziste */
.documents{}
.documents .row{padding-left: 10px; padding-right: 10px;}
.documents .contentBox{padding-left: 5px; padding-right: 5px; padding-bottom: 0px;}
.documents a.well{display: block; margin-bottom: 10px;}
.documents a.well i{float: left; display: block; margin-right: 10px; margin-top: 0px;}
.documents a.well span.text{font-size: .9em; line-height: 110%; display: block;}
.documents a.well:hover{text-decoration: none;}

/*Footer*/
.footer {color: #939393; font-weight: 400; bottom: 0; left: 0; line-height: 66px; position: absolute; right: 0; z-index: 5; text-align: center;}



.groupSatisfaction{margin: 0; padding: 0;}

.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    /*border: 2px solid #ddd;*/
    display: inline-block;
    vertical-align: top;
    width: 25px;
    height: 25px;
    /*padding: 2px;*/
    margin-right: 10px;
    text-align: center;
    line-height: 70%;
}

.emoticon-happy + .radio-custom-label:before{
    content: "\e813";
    font-family: 'Material Icons';
    color: #bbb;
    font-size: 2.2em;
}
.emoticon-neutral + .radio-custom-label:before{
    content: "\e812";
    font-family: 'Material Icons';
    color: #bbb;
    font-size: 2.2em;
}
.emoticon-sad + .radio-custom-label:before{
    content: "\e811";
    font-family: 'Material Icons';
    color: #bbb;
    font-size: 2.2em;
}
.emoticon-happy:checked + .radio-custom-label:before{color: #ff8c00;}
.emoticon-neutral:checked + .radio-custom-label:before{color: #ff8c00;}
.emoticon-sad:checked + .radio-custom-label:before{color: #ff8c00;}

.smile-happy + .radio-custom-label:before{
    content: "\f118";
    font-family: 'FontAwesome';
    color: #bbb;
    font-size: 2.2em;
}
.smile-neutral + .radio-custom-label:before{
    content: "\f11a";
    font-family: 'FontAwesome';
    color: #bbb;
    font-size: 2.2em;
}
.smile-sad + .radio-custom-label:before{
    content: "\f119";
    font-family: 'FontAwesome';
    color: #bbb;
    font-size: 2.2em;
}
.smile-happy:checked + .radio-custom-label:before{color: #ff8c00;}
.smile-neutral:checked + .radio-custom-label:before{color: #ff8c00;}
.smile-sad:checked + .radio-custom-label:before{color: #ff8c00;}

/*
.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f118";
    font-family: 'Material Icons';
    background: rebeccapurple;
    color: #fff;
}
*/

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}
/*
.radio-custom:checked + .radio-custom-label:before {
    content: "\e24e";
    font-family: 'Material Icons';
    color: #bbb;
    font-size: 1.2em;
}
*/
.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
  outline: 1px solid #ddd; /* focus style */
}

.content-box .topLeft {position: absolute; top: 10px; left: 10px;}
.content-box .topRight {position: absolute; top: 10px; right: 10px;}
.content-box .bottomLeft {position: absolute; bottom: 10px; left: 10px;}
.content-box .bottomRight {position: absolute; bottom: 10px; right: 10px;}
.content-box .bottomCenterDash {position: absolute; bottom: 96px; left: 46%;}
.content-box .bottomCenter {position: absolute; bottom: 96px; left: 44%;}
.content-box .middleRight {position: absolute; top: 40%; right: 40px;}
.content-box .topLeft img.specials-img, .content-box .topLeft img.specials-img {width: 35px;}
.content-box .bottomLeft img.specials-img, .content-box .bottomRight img.specials-img {width: 20px;}
.content-box .specials-text {color: black;font-size: 12px;}