/**
*
* Apply Here your Custom CSS
*
*/

body {
  font-size: 14px;
}

a, a img ,button {outline : none;}


.dropdown-menu > li > a {
  text-align: right;
  padding: 6px 20px;
}
.dropdown-menu.dropdown-info .divider, .dropdown-menu.dropdown-info .divider:hover {
  margin: 0;
}
.dropdown-menu {
  padding: 0;
}
.dropdown-menu.dropdown-info > li > a {

}
.dropdown-menu.dropdown-info > li:hover a,
.dropdown-menu.dropdown-info > li:active a {

}
.dropdown-menu.dropdown-info .divider,
.dropdown-menu.dropdown-info .divider:hover {
  height: 1px;
  margin:  0;
  overflow: hidden;
}
.input-group-addon:first-child {
  border-right: 0 none;
}
.input-group.minimal > .input-group-addon:first-child {
  padding-right: 12px;
}

.page-body .select2-container .select2-choice .select2-search-choice-close {
  display: none;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  border-right: 1px solid #ebebeb!important;
}

.iga{
  border-left: 1px solid #ebebeb !important;
  float: right;
  padding: 14px 12px;
  width: 40px;
}

.page-body .select2-container .select2-choice {
  /*  border-right:  none;*/
  border-radius: 0;
  font-size: 16px;
}
#form1 input{font-size:16px;}
#form1
.panel > .panel-heading .panel-title {
  font-size: 16px;
}
.page-container .sidebar-menu #main-menu li {
  font-size: 16px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  padding-left: 6px;
  padding-right: 6px;
}
.page-body select option {
  padding:5px 0;
}


/* =================== S.Z ====================== */
.dropdown-menu > li > a {
  text-align: right;
  padding: 6px 20px;
}
.dropdown-menu.dropdown-info .divider, .dropdown-menu.dropdown-info .divider:hover {
  margin: 0;
}
.dropdown-menu {
  padding: 0;
}
.dropdown-menu.dropdown-info > li > a {

}
.dropdown-menu.dropdown-info > li:hover a,
.dropdown-menu.dropdown-info > li:active a {

}
.dropdown-menu.dropdown-info .divider,
.dropdown-menu.dropdown-info .divider:hover {
  height: 1px;
  margin:  0;
  overflow: hidden;
}
.input-group-addon:first-child {
  /*  border-right: 0 none;*/
}
.input-group.minimal > .input-group-addon:first-child {
  padding-right: 12px;
}

.page-body .select2-container .select2-choice .select2-search-choice-close {
  display: none;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  border-right: 1px solid #ebebeb!important;
}

.iga{
  border-left: 1px solid #ebebeb !important;
  float: right;
  padding:14px 12px;
  width: 40px;
}
/*This will work for firefox*/
@-moz-document url-prefix() {
  .iga{
  border-left: 1px solid #ebebeb !important;
  float: right;
  /*padding:14px 12px 13px;*/
  padding:14px 12px;
  width: 40px;
}
}

.page-body .select2-container .select2-choice {
  /*  border-right:  none;*/
  border-radius: 0;
}
.panel > .panel-heading .panel-title {
  font-size: 16px;
}
.page-container .sidebar-menu #main-menu li {
  font-size: 16px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  padding-left: 6px;
  padding-right: 6px;
}
.page-body select option {
  padding:5px 0;
}
table.dataTable thead th, table.dataTable thead td {
  padding:10px;/*10px 24px;*/
}
.dataTables_wrapper {
/*  border:  none;*/
}
div.dataTables_paginate a.next::after, div.dataTables_paginate a.last::after {
left: 10px;right: auto;top: 55%;}
div.dataTables_paginate a.first::before, div.dataTables_paginate a.previous::before {
left: auto;  right: 10px;top: 55%;}

div.dataTables_paginate a.paginate_button.next, div.dataTables_paginate a.paginate_button.last {
padding-left: 24px;border-right: 1px solid #ebebeb !important;}
div.dataTables_paginate a.paginate_button.first, div.dataTables_paginate a.paginate_button.previous {
padding-right: 24px;}

div.dataTables_paginate a.first:before {
  content: "\e881";
}
div.dataTables_paginate a.previous:before {
  content: "\e875";
}
div.e875 a.next:after,
div.dataTables_paginate a.next:after {
  content: "\e874";
}
div.dataTables_paginate a.last:after {
  content: "\e880";
}

.page-container .main-content {
  /*  background-color: #f1f1f1;*/
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
  background-color: #f5f5f6;
  color: #666;
}

.panel-primary > .panel-heading {
  background-color: #0073b7;color:white;
}
.panel-primary > .panel-heading > .panel-options > a {
color: #fff;}
.panel-primary > .panel-heading > .panel-options > a.bg,.panel-primary > .panel-heading > .panel-options > a.bg:hover {
background-color: transparent}

table.dataTable tbody tr.odd {
  background-color: #F9F9F9;color: #666;
}
.panel-primary > .panel-heading > .panel-title > a {
  color: #fff;
}
.popover-content {
  color: #666;
  padding: 9px 14px;
}

span.tooltip-default{
  cursor: pointer;
}

.graphs-info{list-style: none;}
.graphs-info span{display:inline-block;}
.graphs-info span.text{font-size: 15px;
  padding: 0 5px;
}
.strong-big-text{
  font-size: 15px;
}

.income-color{background-color:#F56954;height: 10px;width: 10px;}
.min-color{background-color:#00C0EF;height: 10px;width: 10px;}
.call-color{background-color:#00A65A;height: 10px;width: 10px;}

footer{text-align: center;}






/* LOGIN */
.login-page {
  background: #0073b7 none repeat scroll 0 0;
}
.login-page .login-header {
  background: #fff;
}
.login-page .login-header.login-caret::after {
  border-color: #fff transparent;
}
.login-page .login-form .form-group .facebook-button, .login-page .login-form .form-group .twitter-button, .login-page .login-form .form-group .google-button {
  text-align: right;
  color: #fff !important;
}
.login-page .login-form .form-group .input-group {
background: #fff;}
.btn-primary {
  /*background-color: #00c0ef;*/
}

.login-page .login-form .form-group .btn-login {
border: 1px solid #00c0ef;}
.login-page .login-form .form-group .btn-login:hover {
border: 1px solid #373E4A;}
.login-page .login-form .form-group .input-group {
  border: 1px solid #fff;
}
.login-page .login-form .form-group .input-group .form-control {
  color: #555555;
}
.login-page.logging-in .login-progressbar div {
background: #f56954;}

.login-page .login-header .description {
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 0;
}
.login-page .login-content {
  padding: 0;
}
#form_login em{ color: rgba(255, 255, 255, 0.7);}

#form_register .form-group{
  color:#fff;
}

.login-page .login-form .form-group .input-group {
  padding:0;
}
.login-page .login-form .form-group {
  margin-bottom: 12px;
}
label.error{
  margin-bottom: 0!important;
  margin-top: 6px!important;
}
.login-page .form-steps .step {
  min-height: 300px;
}
#step-2 .radio, .checkbox {
  padding-left: 17px;
}

#step-2 .col-sm-6.control-label{
  text-align: right;
}

.transaction-option-radio-buttons-wrapper{
  margin: 15px 0;
}

.has-success{
  border:none;
}
.has-error{
  border:1px solid #990000!important;
}

.login-page .login-bottom-links {
  padding-bottom: 30px;
  padding-top: 16px;
}

/* Black list */

.info-text{height: 42px !important; font-size: 16px;}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  /*  background-color: #00c0ef;*/
  /*  border-color: #00c0ef;*/
}


/* ROOMS */
.box-header-1{
  background-color:#0073B7;
}
.box-header-1 h4{color:#fff;}

.box-header-1 button{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  filter: alpha(opacity=95);
  opacity:  0.95;
}

.box-header-2{
  background-color:#ff9600;
}
.box-header-2 h4{color:#fff;}

.box-header-2 button{
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  filter: alpha(opacity=95);
  opacity:  0.95;
}

.page-body .select2-drop .select2-search .select2-result-label, .page-body .select2-drop .select2-results .select2-result-label {
  padding: 8px 20px;
}
table.dataTable thead th.sorting::after {
  color: #666;
}
.has-switch span.switch-primary.switch-left, .has-switch span.switch-left.switch-left {
  /*background-color: #ff9600;*/
}

.radio, .checkbox {
display: inline-block!important;}

/* fix for dataTB (Change it on moblie to white-space: normal) */
table.dataTable th,
table.dataTable td {
  /*white-space: nowrap;  */
  max-width: 50px;
  word-wrap: break-word;
}

.allCheck span{
  margin-right:10px;
}
.allCheck input{float: right;}

table.dataTable thead th.allCheck {
  padding: 10px 11px!important;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
  background-color: #EDF9FF !important;color:#000;
}
table.dataTable tbody > tr.selected td{border-color: #fff!important;}

.btn.disabled.span3{display:none!important;}

.dataTables_filter {
  /*  display: none;*/
}


/* AUDIO PLAYER */
#audio-container{
  direction: ltr;
}
.mejs-container .mejs-controls div {
  height: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
  margin: 5px 0 0 30px;
  padding: 0px;
}
.mejs-container .mejs-controls {
  background: rgba(0, 0, 0, 0) linear-gradient(#ffffff, #e6e8e8) repeat scroll 0 0;
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #fff;
  box-shadow:0px 0px rgba(0, 0, 0, 0.4) inset!important;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
  background: #fff;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
  background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 192, 239, 0.5), rgba(0, 182, 229, 0.5)) repeat scroll 0 0;
  width: 0;
}
.mejs-controls .mejs-button button {
  background-image: url("../js/media-element-html5-video-and-audio-player/mediaelement/controls.png");
}
/*.mejs-controls .mejs-button button:focus{outline:solid 0px #fff;}*/

.datepicker.datepicker-dropdown {right: auto;}

.form-control.input-lg.error{color:#990000;}
.modal-dialog .form-control{padding: 6px 5px;}
.modal-dialog .form-control-label{  margin-right: 5px;}


.modal-title span.title{
  display: inline-block;
  font-size: 20px;
  vertical-align: middle;
}
.modal-dialog .rowId {
  background-color: #f5f5f5;
  border: 2px solid #fff;
  border-radius: 50px;
  color: #0073b7;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  padding: 0.2em 0.6em;
  vertical-align: middle;
}


/* Box Model */
.rowInfo{margin-right: 10px;}

/* Animation Display Panel Top */
.tile-stats h3 {
  font-size: 18px;
  margin-top: 0;
}
.tile-stats span.pnumber{

  border-radius: 6px;
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin: 10px 0 0;
  opacity: 0.8;
  padding: 9px;
  text-align: center;
  width: 50%;
}
.col-sm-3:nth-child(1) .tile-stats span.pnumber{
  background-color: #EA4D38;
}
.col-sm-3:nth-child(2) .tile-stats span.pnumber{
  background-color: #00934f;
}
.col-sm-3:nth-child(4) .tile-stats span.pnumber{
  background-color: #08A5C9;
}

.col-sm-3:nth-child(5) p{padding: 0 0 44px;}

.col-sm-3.fix-report-box:nth-child(5) p{padding: 0;}



.input-group-addon{
  padding: 14px 12px;
}
.form-control{
  height: 40px;
  padding: 9px 12px;
  color: #666;
  font-size: 16px;
}

table.dataTable tbody th, table.dataTable tbody td {
  vertical-align: top;
}

table.dataTable thead th.sorting::after, table.dataTable thead th.sorting_asc::after, table.dataTable thead th.sorting_desc::after {
  left: 8px;
  right: auto;
}
.dataTables_wrapper > table.dataTable thead > tr > td, .dataTables_wrapper > table.dataTable tbody > tr > td:first-child, .dataTables_wrapper > table.dataTable tfoot > tr > td:first-child, .dataTables_wrapper > table.dataTable thead > tr > th:first-child, .dataTables_wrapper > table.dataTable tbody > tr > th:first-child, .dataTables_wrapper > table.dataTable tfoot > tr > th {
/*  border: 1px solid #F2F2F2;*/
/*  border-left: 1px solid #F2F2F2;*/
}
.dataTables_wrapper > table.dataTable thead > tr > td, .dataTables_wrapper > table.dataTable tbody > tr > td:first-child, .dataTables_wrapper > table.dataTable tfoot > tr > td:first-child, .dataTables_wrapper > table.dataTable thead > tr > th:first-child, .dataTables_wrapper > table.dataTable tbody > tr > th:first-child, .dataTables_wrapper > table.dataTable tfoot > tr > th:first-child {
/*  border: 1px solid #F2F2F2;*/
} 

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-left: 1px solid #F2F2F2 !important;/*Add borders to the datatable*/
}

.has-switch {
  border-radius: 6px;
}
.has-switch span.switch-left {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.has-switch span.switch-large, .has-switch label.switch-large, .has-switch span.switch-lg, .has-switch label.switch-lg {
  font-size: 16px;
  line-height: normal;
  padding-bottom: 10px;
  padding-top: 11px;
}

.directTransfer #s2id_autogen4_search{display:none!important;}

.select2-drop {
  z-index: 99999;
}

.select2-drop-mask {
  z-index: 99998;
}

.advisor label{
  /*display: block;*/
}

table.dataTable tbody th, table.dataTable tbody td {
  padding: 6px 10px;
}

table.dataTable tbody th, table.dataTable tbody td.td-padding{
  padding: 4px;
}


.rooms-edit label{display:inline-block;}

.custom-width .modal-dialog{
  width:55%;
}
.custom-width .radio, .checkbox {
  padding-left: 5px;
}

.br{display: block;}

.rowEfx {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
  background-color: white;
  color:#fff
}
25% {
  background-color: #303641;
  color:#fff
}
35% {
  background-color: white;
  color:#fff
}

}


/* General Settings Page */

.warnings form{

  min-height: 308px;
  margin-bottom: 10px;

}

.warnings form.warning-box-color-orange{
  max-height: 155px;
  min-height: 155px;
}

.warnings h3 i { /*font-size: 20px;*/}

.warning-box{background-color: #0073B7;border-radius: 6px;overflow: auto;padding: 0 2% 3%;}
.warning-box h3{color:#303641;}


/*.warning-box-color-blue{background-color:#0073b7;}*/
.warning-box-color-blue{background-color:#fff;}
.warning-box-color-blue .btn-primary{background-color:#00639E;}
.warning-box-color-blue .btn-primary:hover{background-color:#005A8E;}
.warning-box-color-blue button i.glyphicon{background-color:#005A8E;}

/*.warning-box-color-green{background-color:#00a65a;}*/
.warning-box-color-green{background-color:#fff;}
.warning-box-color-green .btn-primary{background-color:#008D4C;}
.warning-box-color-green .btn-primary:hover{background-color:#008245;}
.warning-box-color-green button i.glyphicon{background-color:#008245;}

/*.warning-box-color-orange{background-color:#f56954;}*/
.warning-box-color-orange{background-color:#fff;}
.warning-box-color-orange .btn-primary{background-color:#F4553D;}
.warning-box-color-orange .btn-primary:hover{background-color:#DD4A37;}
.warning-box-color-orange button i.glyphicon{background-color:#DD4A37;}

.warning-box button{display: block;float: left;margin: 0 auto;}


.warnings .btn-primary:active:hover,
.warnings .btn-primary.active:hover,
.warnings .open > .dropdown-toggle.btn-primary:hover,
.warnings .btn-primary:active:focus,
.warnings .btn-primary.active:focus,
.warnings .open > .dropdown-toggle.btn-primary:focus,
.warnings .btn-primary.focus:active,
.warnings .btn-primary.active.focus,
.warnings .open > .dropdown-toggle.btn-primary.focus {
  /* Fallback for web browsers that don't support RGBa */
  background-color: rgb(0, 0, 0);
  /* RGBa with 0.6 opacity */
  background-color: rgba(0, 0, 0, 0.6);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.characters-counter-wrapper{
  width: auto;
}

.characters-counter-text{
  color: #000;
  display: inline-block;
  font-size: 16px;
  padding-left: 0;
}
.characters-counter{
  background-color: transparent !important;
  border-color: transparent !important;
  border-radius: 0;
  border-right: medium none transparent;
  color: #000;
  display: inline-block;
  font-size: 16px;
  height: auto;
  max-width: 35px;
  min-width: 35px;
  padding: 0;
}

.costume-submit-warning .characters-counter-wrapper{
  /*display: inline-block;*/
  /*vertical-align: bottom;*/
  /*padding: 11px 5px;*/
}

.costume-submit-warning button{
  display: inline-block;
}

#reports_length, #records_length, #alertsTbl_length, #custsTbl_length, #supercustsTbl_length, 
#tagsTbl_length, #dataTblNumbers_length, #dataTbl_length, #soundFilesTbl_length, #MOHTbl_length {
  text-align:right;
}

#reports_filter, #records_filter, #alertsTbl_filter, #custsTbl_filter, #supercustsTbl_filter, 
#tagsTbl_filter, #dataTblNumbers_filter, #dataTbl_filter, #soundFilesTbl_filter, #MOHTbl_filter {
  text-align:right;
}