/* /website_hr_recruitment_custom/static/src/lib/bootstrap-rtl/dist/css/bootstrap-rtl.min.css defined in bundle 'website_hr_recruitment_custom.poart_assets_frontend' */ html{direction: rtl;} body{direction: rtl;} .flip.text-left{text-align: right;} .flip.text-right{text-align: left;} .list-unstyled{padding-right: 0; padding-left: initial;} .list-inline{padding-right: 0; padding-left: initial; margin-right: -5px; margin-left: 0;} dd{margin-right: 0; margin-left: initial;} @media (min-width: 768px){.dl-horizontal dt{float: right; clear: right; text-align: left;}.dl-horizontal dd{margin-right: 180px; margin-left: 0;}} blockquote{border-right: 5px solid #eee; border-left: 0;} .blockquote-reverse, blockquote.pull-left{padding-left: 15px; padding-right: 0; border-left: 5px solid #eee; border-right: 0; text-align: left;} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px;} .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{float: right;} .col-xs-12{width: 100%;} .col-xs-11{width: 91.66666667%;} .col-xs-10{width: 83.33333333%;} .col-xs-9{width: 75%;} .col-xs-8{width: 66.66666667%;} .col-xs-7{width: 58.33333333%;} .col-xs-6{width: 50%;} .col-xs-5{width: 41.66666667%;} .col-xs-4{width: 33.33333333%;} .col-xs-3{width: 25%;} .col-xs-2{width: 16.66666667%;} .col-xs-1{width: 8.33333333%;} .col-xs-pull-12{left: 100%; right: auto;} .col-xs-pull-11{left: 91.66666667%; right: auto;} .col-xs-pull-10{left: 83.33333333%; right: auto;} .col-xs-pull-9{left: 75%; right: auto;} .col-xs-pull-8{left: 66.66666667%; right: auto;} .col-xs-pull-7{left: 58.33333333%; right: auto;} .col-xs-pull-6{left: 50%; right: auto;} .col-xs-pull-5{left: 41.66666667%; right: auto;} .col-xs-pull-4{left: 33.33333333%; right: auto;} .col-xs-pull-3{left: 25%; right: auto;} .col-xs-pull-2{left: 16.66666667%; right: auto;} .col-xs-pull-1{left: 8.33333333%; right: auto;} .col-xs-pull-0{left: auto; right: auto;} .col-xs-push-12{right: 100%; left: 0;} .col-xs-push-11{right: 91.66666667%; left: 0;} .col-xs-push-10{right: 83.33333333%; left: 0;} .col-xs-push-9{right: 75%; left: 0;} .col-xs-push-8{right: 66.66666667%; left: 0;} .col-xs-push-7{right: 58.33333333%; left: 0;} .col-xs-push-6{right: 50%; left: 0;} .col-xs-push-5{right: 41.66666667%; left: 0;} .col-xs-push-4{right: 33.33333333%; left: 0;} .col-xs-push-3{right: 25%; left: 0;} .col-xs-push-2{right: 16.66666667%; left: 0;} .col-xs-push-1{right: 8.33333333%; left: 0;} .col-xs-push-0{right: auto; left: 0;} .col-xs-offset-12{margin-right: 100%; margin-left: 0;} .col-xs-offset-11{margin-right: 91.66666667%; margin-left: 0;} .col-xs-offset-10{margin-right: 83.33333333%; margin-left: 0;} .col-xs-offset-9{margin-right: 75%; margin-left: 0;} .col-xs-offset-8{margin-right: 66.66666667%; margin-left: 0;} .col-xs-offset-7{margin-right: 58.33333333%; margin-left: 0;} .col-xs-offset-6{margin-right: 50%; margin-left: 0;} .col-xs-offset-5{margin-right: 41.66666667%; margin-left: 0;} .col-xs-offset-4{margin-right: 33.33333333%; margin-left: 0;} .col-xs-offset-3{margin-right: 25%; margin-left: 0;} .col-xs-offset-2{margin-right: 16.66666667%; margin-left: 0;} .col-xs-offset-1{margin-right: 8.33333333%; margin-left: 0;} .col-xs-offset-0{margin-right: 0; margin-left: 0;} @media (min-width: 768px){.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{float: right;}.col-sm-12{width: 100%;}.col-sm-11{width: 91.66666667%;}.col-sm-10{width: 83.33333333%;}.col-sm-9{width: 75%;}.col-sm-8{width: 66.66666667%;}.col-sm-7{width: 58.33333333%;}.col-sm-6{width: 50%;}.col-sm-5{width: 41.66666667%;}.col-sm-4{width: 33.33333333%;}.col-sm-3{width: 25%;}.col-sm-2{width: 16.66666667%;}.col-sm-1{width: 8.33333333%;}.col-sm-pull-12{left: 100%; right: auto;}.col-sm-pull-11{left: 91.66666667%; right: auto;}.col-sm-pull-10{left: 83.33333333%; right: auto;}.col-sm-pull-9{left: 75%; right: auto;}.col-sm-pull-8{left: 66.66666667%; right: auto;}.col-sm-pull-7{left: 58.33333333%; right: auto;}.col-sm-pull-6{left: 50%; right: auto;}.col-sm-pull-5{left: 41.66666667%; right: auto;}.col-sm-pull-4{left: 33.33333333%; right: auto;}.col-sm-pull-3{left: 25%; right: auto;}.col-sm-pull-2{left: 16.66666667%; right: auto;}.col-sm-pull-1{left: 8.33333333%; right: auto;}.col-sm-pull-0{left: auto; right: auto;}.col-sm-push-12{right: 100%; left: 0;}.col-sm-push-11{right: 91.66666667%; left: 0;}.col-sm-push-10{right: 83.33333333%; left: 0;}.col-sm-push-9{right: 75%; left: 0;}.col-sm-push-8{right: 66.66666667%; left: 0;}.col-sm-push-7{right: 58.33333333%; left: 0;}.col-sm-push-6{right: 50%; left: 0;}.col-sm-push-5{right: 41.66666667%; left: 0;}.col-sm-push-4{right: 33.33333333%; left: 0;}.col-sm-push-3{right: 25%; left: 0;}.col-sm-push-2{right: 16.66666667%; left: 0;}.col-sm-push-1{right: 8.33333333%; left: 0;}.col-sm-push-0{right: auto; left: 0;}.col-sm-offset-12{margin-right: 100%; margin-left: 0;}.col-sm-offset-11{margin-right: 91.66666667%; margin-left: 0;}.col-sm-offset-10{margin-right: 83.33333333%; margin-left: 0;}.col-sm-offset-9{margin-right: 75%; margin-left: 0;}.col-sm-offset-8{margin-right: 66.66666667%; margin-left: 0;}.col-sm-offset-7{margin-right: 58.33333333%; margin-left: 0;}.col-sm-offset-6{margin-right: 50%; margin-left: 0;}.col-sm-offset-5{margin-right: 41.66666667%; margin-left: 0;}.col-sm-offset-4{margin-right: 33.33333333%; margin-left: 0;}.col-sm-offset-3{margin-right: 25%; margin-left: 0;}.col-sm-offset-2{margin-right: 16.66666667%; margin-left: 0;}.col-sm-offset-1{margin-right: 8.33333333%; margin-left: 0;}.col-sm-offset-0{margin-right: 0; margin-left: 0;}} @media (min-width: 992px){.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{float: right;}.col-md-12{width: 100%;}.col-md-11{width: 91.66666667%;}.col-md-10{width: 83.33333333%;}.col-md-9{width: 75%;}.col-md-8{width: 66.66666667%;}.col-md-7{width: 58.33333333%;}.col-md-6{width: 50%;}.col-md-5{width: 41.66666667%;}.col-md-4{width: 33.33333333%;}.col-md-3{width: 25%;}.col-md-2{width: 16.66666667%;}.col-md-1{width: 8.33333333%;}.col-md-pull-12{left: 100%; right: auto;}.col-md-pull-11{left: 91.66666667%; right: auto;}.col-md-pull-10{left: 83.33333333%; right: auto;}.col-md-pull-9{left: 75%; right: auto;}.col-md-pull-8{left: 66.66666667%; right: auto;}.col-md-pull-7{left: 58.33333333%; right: auto;}.col-md-pull-6{left: 50%; right: auto;}.col-md-pull-5{left: 41.66666667%; right: auto;}.col-md-pull-4{left: 33.33333333%; right: auto;}.col-md-pull-3{left: 25%; right: auto;}.col-md-pull-2{left: 16.66666667%; right: auto;}.col-md-pull-1{left: 8.33333333%; right: auto;}.col-md-pull-0{left: auto; right: auto;}.col-md-push-12{right: 100%; left: 0;}.col-md-push-11{right: 91.66666667%; left: 0;}.col-md-push-10{right: 83.33333333%; left: 0;}.col-md-push-9{right: 75%; left: 0;}.col-md-push-8{right: 66.66666667%; left: 0;}.col-md-push-7{right: 58.33333333%; left: 0;}.col-md-push-6{right: 50%; left: 0;}.col-md-push-5{right: 41.66666667%; left: 0;}.col-md-push-4{right: 33.33333333%; left: 0;}.col-md-push-3{right: 25%; left: 0;}.col-md-push-2{right: 16.66666667%; left: 0;}.col-md-push-1{right: 8.33333333%; left: 0;}.col-md-push-0{right: auto; left: 0;}.col-md-offset-12{margin-right: 100%; margin-left: 0;}.col-md-offset-11{margin-right: 91.66666667%; margin-left: 0;}.col-md-offset-10{margin-right: 83.33333333%; margin-left: 0;}.col-md-offset-9{margin-right: 75%; margin-left: 0;}.col-md-offset-8{margin-right: 66.66666667%; margin-left: 0;}.col-md-offset-7{margin-right: 58.33333333%; margin-left: 0;}.col-md-offset-6{margin-right: 50%; margin-left: 0;}.col-md-offset-5{margin-right: 41.66666667%; margin-left: 0;}.col-md-offset-4{margin-right: 33.33333333%; margin-left: 0;}.col-md-offset-3{margin-right: 25%; margin-left: 0;}.col-md-offset-2{margin-right: 16.66666667%; margin-left: 0;}.col-md-offset-1{margin-right: 8.33333333%; margin-left: 0;}.col-md-offset-0{margin-right: 0; margin-left: 0;}} @media (min-width: 1200px){.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{float: right;}.col-lg-12{width: 100%;}.col-lg-11{width: 91.66666667%;}.col-lg-10{width: 83.33333333%;}.col-lg-9{width: 75%;}.col-lg-8{width: 66.66666667%;}.col-lg-7{width: 58.33333333%;}.col-lg-6{width: 50%;}.col-lg-5{width: 41.66666667%;}.col-lg-4{width: 33.33333333%;}.col-lg-3{width: 25%;}.col-lg-2{width: 16.66666667%;}.col-lg-1{width: 8.33333333%;}.col-lg-pull-12{left: 100%; right: auto;}.col-lg-pull-11{left: 91.66666667%; right: auto;}.col-lg-pull-10{left: 83.33333333%; right: auto;}.col-lg-pull-9{left: 75%; right: auto;}.col-lg-pull-8{left: 66.66666667%; right: auto;}.col-lg-pull-7{left: 58.33333333%; right: auto;}.col-lg-pull-6{left: 50%; right: auto;}.col-lg-pull-5{left: 41.66666667%; right: auto;}.col-lg-pull-4{left: 33.33333333%; right: auto;}.col-lg-pull-3{left: 25%; right: auto;}.col-lg-pull-2{left: 16.66666667%; right: auto;}.col-lg-pull-1{left: 8.33333333%; right: auto;}.col-lg-pull-0{left: auto; right: auto;}.col-lg-push-12{right: 100%; left: 0;}.col-lg-push-11{right: 91.66666667%; left: 0;}.col-lg-push-10{right: 83.33333333%; left: 0;}.col-lg-push-9{right: 75%; left: 0;}.col-lg-push-8{right: 66.66666667%; left: 0;}.col-lg-push-7{right: 58.33333333%; left: 0;}.col-lg-push-6{right: 50%; left: 0;}.col-lg-push-5{right: 41.66666667%; left: 0;}.col-lg-push-4{right: 33.33333333%; left: 0;}.col-lg-push-3{right: 25%; left: 0;}.col-lg-push-2{right: 16.66666667%; left: 0;}.col-lg-push-1{right: 8.33333333%; left: 0;}.col-lg-push-0{right: auto; left: 0;}.col-lg-offset-12{margin-right: 100%; margin-left: 0;}.col-lg-offset-11{margin-right: 91.66666667%; margin-left: 0;}.col-lg-offset-10{margin-right: 83.33333333%; margin-left: 0;}.col-lg-offset-9{margin-right: 75%; margin-left: 0;}.col-lg-offset-8{margin-right: 66.66666667%; margin-left: 0;}.col-lg-offset-7{margin-right: 58.33333333%; margin-left: 0;}.col-lg-offset-6{margin-right: 50%; margin-left: 0;}.col-lg-offset-5{margin-right: 41.66666667%; margin-left: 0;}.col-lg-offset-4{margin-right: 33.33333333%; margin-left: 0;}.col-lg-offset-3{margin-right: 25%; margin-left: 0;}.col-lg-offset-2{margin-right: 16.66666667%; margin-left: 0;}.col-lg-offset-1{margin-right: 8.33333333%; margin-left: 0;}.col-lg-offset-0{margin-right: 0; margin-left: 0;}} caption{text-align: right;} th{text-align: right;} @media screen and (max-width: 767px){.table-responsive > .table-bordered{border: 0;}.table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child{border-right: 0; border-left: initial;}.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child{border-left: 0; border-right: initial;}} .radio label, .checkbox label{padding-right: 20px; padding-left: initial;} .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox]{margin-right: -20px; margin-left: auto;} .radio-inline, .checkbox-inline{padding-right: 20px; padding-left: 0;} .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline{margin-right: 10px; margin-left: 0;} .has-feedback .form-control{padding-left: 42.5px; padding-right: 12px;} .form-control-feedback{left: 0; right: auto;} @media (min-width: 768px){.form-inline label{padding-right: 0; padding-left: initial;}.form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox]{margin-right: 0; margin-left: auto;}} @media (min-width: 768px){.form-horizontal .control-label{text-align: left;}} .form-horizontal .has-feedback .form-control-feedback{left: 15px; right: auto;} .caret{margin-right: 2px; margin-left: 0;} .dropdown-menu{right: 0; left: auto; float: left; text-align: right;} .dropdown-menu.pull-right{left: 0; right: auto; float: right;} .dropdown-menu-right{left: auto; right: 0;} .dropdown-menu-left{left: 0; right: auto;} @media (min-width: 768px){.navbar-right .dropdown-menu{left: auto; right: 0;}.navbar-right .dropdown-menu-left{left: 0; right: auto;}} .btn-group > .btn, .btn-group-vertical > .btn{float: right;} .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group{margin-right: -1px; margin-left: 0;} .btn-toolbar{margin-right: -5px; margin-left: 0;} .btn-toolbar .btn-group, .btn-toolbar .input-group{float: right;} .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group{margin-right: 5px; margin-left: 0;} .btn-group > .btn:first-child{margin-right: 0;} .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0;} .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child){border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0;} .btn-group > .btn-group{float: right;} .btn-group.btn-group-justified > .btn, .btn-group.btn-group-justified > .btn-group{float: none;} .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn{border-radius: 0;} .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle{border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0;} .btn-group > .btn-group:last-child > .btn:first-child{border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0;} .btn .caret{margin-right: 0;} .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group{margin-top: -1px; margin-right: 0;} .input-group .form-control{float: right;} .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn{border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0;} .input-group-addon:first-child{border-left: 0; border-right: 1px solid;} .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn{border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0;} .input-group-addon:last-child{border-left-width: 1px; border-left-style: solid; border-right: 0;} .input-group-btn > .btn + .btn{margin-right: -1px; margin-left: auto;} .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group{margin-left: -1px; margin-right: auto;} .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group{margin-right: -1px; margin-left: auto;} .nav{padding-right: 0; padding-left: initial;} .nav-tabs > li{float: right;} .nav-tabs > li > a{margin-left: auto; margin-right: -2px; border-radius: 4px 4px 0 0;} .nav-pills > li{float: right;} .nav-pills > li > a{border-radius: 4px;} .nav-pills > li + li{margin-right: 2px; margin-left: auto;} .nav-stacked > li{float: none;} .nav-stacked > li + li{margin-right: 0; margin-left: auto;} .nav-justified > .dropdown .dropdown-menu{right: auto;} .nav-tabs-justified > li > a{margin-left: 0; margin-right: auto;} @media (min-width: 768px){.nav-tabs-justified > li > a{border-radius: 4px 4px 0 0;}} @media (min-width: 768px){.navbar-header{float: right;}} .navbar-collapse{padding-right: 15px; padding-left: 15px;} .navbar-brand{float: right;} @media (min-width: 768px){.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-right: -15px; margin-left: auto;}} .navbar-toggle{float: left; margin-left: 15px; margin-right: auto;} @media (max-width: 767px){.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header{padding: 5px 25px 5px 15px;}} @media (min-width: 768px){.navbar-nav{float: right;}.navbar-nav > li{float: right;}} @media (min-width: 768px){.navbar-left.flip{float: right !important;}.navbar-right:last-child{margin-left: -15px; margin-right: auto;}.navbar-right.flip{float: left!important; margin-left: -15px; margin-right: auto;}.navbar-right .dropdown-menu{left: 0; right: auto;}} @media (min-width: 768px){.navbar-text{float: right;}.navbar-text.navbar-right:last-child{margin-left: 0; margin-right: auto;}} .pagination{padding-right: 0;} .pagination > li > a, .pagination > li > span{float: right; margin-right: -1px; margin-left: 0;} .pagination > li:first-child > a, .pagination > li:first-child > span{margin-left: 0; border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 0; border-top-left-radius: 0;} .pagination > li:last-child > a, .pagination > li:last-child > span{margin-right: -1px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-top-right-radius: 0;} .pager{padding-right: 0; padding-left: initial;} .pager .next > a, .pager .next > span{float: left;} .pager .previous > a, .pager .previous > span{float: right;} .nav-pills > li > a > .badge{margin-left: 0; margin-right: 3px;} .list-group-item > .badge{float: left;} .list-group-item > .badge + .badge{margin-left: 5px; margin-right: auto;} .alert-dismissable, .alert-dismissible{padding-left: 35px; padding-right: 15px;} .alert-dismissable .close, .alert-dismissible .close{right: auto; left: -21px;} .progress-bar{float: right;} .media > .pull-left{margin-right: 10px;} .media > .pull-left.flip{margin-right: 0; margin-left: 10px;} .media > .pull-right{margin-left: 10px;} .media > .pull-right.flip{margin-left: 0; margin-right: 10px;} .media-right, .media > .pull-right{padding-right: 10px; padding-left: initial;} .media-left, .media > .pull-left{padding-left: 10px; padding-right: initial;} .media-list{padding-right: 0; padding-left: initial; list-style: none;} .list-group{padding-right: 0; padding-left: initial;} .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child{border-top-right-radius: 3px; border-top-left-radius: 0;} .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child{border-top-left-radius: 3px; border-top-right-radius: 0;} .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child{border-bottom-left-radius: 3px; border-top-right-radius: 0;} .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child{border-bottom-right-radius: 3px; border-top-left-radius: 0;} .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child{border-right: 0; border-left: none;} .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child{border-right: none; border-left: 0;} .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object{right: 0; left: auto;} .close{float: left;} .modal-footer{text-align: left;} .modal-footer.flip{text-align: right;} .modal-footer .btn + .btn{margin-left: auto; margin-right: 5px;} .modal-footer .btn-group .btn + .btn{margin-right: -1px; margin-left: auto;} .modal-footer .btn-block + .btn-block{margin-right: 0; margin-left: auto;} .popover{left: auto; text-align: right;} .popover.top > .arrow{right: 50%; left: auto; margin-right: -11px; margin-left: auto;} .popover.top > .arrow:after{margin-right: -10px; margin-left: auto;} .popover.bottom > .arrow{right: 50%; left: auto; margin-right: -11px; margin-left: auto;} .popover.bottom > .arrow:after{margin-right: -10px; margin-left: auto;} .carousel-control{right: 0; bottom: 0;} .carousel-control.left{right: auto; left: 0; background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);} .carousel-control.right{left: auto; right: 0; background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);} .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left{left: 50%; right: auto; margin-right: -10px;} .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{right: 50%; left: auto; margin-left: -10px;} .carousel-indicators{right: 50%; left: 0; margin-right: -30%; margin-left: 0; padding-left: 0;} @media screen and (min-width: 768px){.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left: 0; margin-right: -15px;}.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-left: 0; margin-right: -15px;}.carousel-caption{left: 20%; right: 20%; padding-bottom: 30px;}} .pull-right.flip{float: left !important;} .pull-left.flip{float: right !important;} /* /website_hr_recruitment_custom/static/src/lib/nprogress/nprogress.css defined in bundle 'website_hr_recruitment_custom.poart_assets_frontend' */ #nprogress{pointer-events: none;} #nprogress .bar{background: #29d; position: fixed; z-index: 1031; top: 0; left: 0; width: 100%; height: 2px;} #nprogress .peg{display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #29d, 0 0 5px #29d; opacity: 1; -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px);} #nprogress .spinner{display: block; position: fixed; z-index: 1031; top: 15px; right: 15px;} #nprogress .spinner-icon{width: 18px; height: 18px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite;} .nprogress-custom-parent{overflow: hidden; position: relative;} .nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar{position: absolute;} @-webkit-keyframes nprogress-spinner{0%{-webkit-transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg);}} @keyframes nprogress-spinner{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}} /* /website_hr_recruitment_custom/static/src/lib/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css defined in bundle 'website_hr_recruitment_custom.poart_assets_frontend' */ @-webkit-keyframes progress-bar-stripes{from{background-position: 40px 0;}to{background-position: 0 0;}} @keyframes progress-bar-stripes{from{background-position: 40px 0;}to{background-position: 0 0;}} .progress{overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);} .progress-bar{float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease;} .progress-bar-striped, .progress-striped .progress-bar{background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px;} .progress-bar.active, .progress.active .progress-bar{-webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite;} .progress-bar-success{background-color: #5cb85c;} .progress-striped .progress-bar-success{background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .progress-bar-info{background-color: #5bc0de;} .progress-striped .progress-bar-info{background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .progress-bar-warning{background-color: #f0ad4e;} .progress-striped .progress-bar-warning{background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .progress-bar-danger{background-color: #d9534f;} .progress-striped .progress-bar-danger{background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);} .progress{position: relative;} .progress .progress-bar{position: absolute; overflow: hidden; line-height: 20px;} .progress .progressbar-back-text{position: absolute; width: 100%; height: 100%; font-size: 12px; line-height: 20px; text-align: center;} .progress .progressbar-front-text{display: block; width: 100%; font-size: 12px; line-height: 20px; text-align: center;} .progress.right .progress-bar{right: 0;} .progress.right .progressbar-front-text{position: absolute; right: 0;} .progress.vertical{width: 20px; height: 100%; float: left; margin-right: 20px;} .progress.vertical.bottom{position: relative;} .progress.vertical.bottom .progressbar-front-text{position: absolute; bottom: 0;} .progress.vertical .progress-bar{width: 100%; height: 0; -webkit-transition: height 0.6s ease; -o-transition: height 0.6s ease; transition: height 0.6s ease;} .progress.vertical.bottom .progress-bar{position: absolute; bottom: 0;} /* /website_hr_recruitment_custom/static/src/lib/iCheck/skins/flat/green.css defined in bundle 'website_hr_recruitment_custom.poart_assets_frontend' */ .icheckbox_flat-green, .iradio_flat-green{display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(/website_hr_recruitment_custom/static/src/lib/iCheck/skins/flat/green.png) no-repeat; border: none; cursor: pointer;} .icheckbox_flat-green{background-position: 0 0;} .icheckbox_flat-green.checked{background-position: -22px 0;} .icheckbox_flat-green.disabled{background-position: -44px 0; cursor: default;} .icheckbox_flat-green.checked.disabled{background-position: -66px 0;} .iradio_flat-green{background-position: -88px 0;} .iradio_flat-green.checked{background-position: -110px 0;} .iradio_flat-green.disabled{background-position: -132px 0; cursor: default;} .iradio_flat-green.checked.disabled{background-position: -154px 0;} @media (-o-min-device-pixel-ratio: 1.25), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){.icheckbox_flat-green, .iradio_flat-green{background-image: url(/website_hr_recruitment_custom/static/src/lib/iCheck/skins/flat/green@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px;}} /* /website_hr_recruitment_custom/static/src/lib/bootstrap-daterangepicker/daterangepicker.css defined in bundle 'website_hr_recruitment_custom.poart_assets_frontend' */ .daterangepicker{position: absolute; color: inherit; background-color: #fff; border-radius: 4px; width: 278px; padding: 4px; margin-top: 1px; top: 100px; left: 20px;} .daterangepicker:before, .daterangepicker:after{position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: '';} .daterangepicker:before{top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc;} .daterangepicker:after{top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent;} .daterangepicker.opensleft:before{right: 9px;} .daterangepicker.opensleft:after{right: 10px;} .daterangepicker.openscenter:before{left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto;} .daterangepicker.openscenter:after{left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto;} .daterangepicker.opensright:before{left: 9px;} .daterangepicker.opensright:after{left: 10px;} .daterangepicker.dropup{margin-top: -5px;} .daterangepicker.dropup:before{top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc;} .daterangepicker.dropup:after{top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff;} .daterangepicker.dropdown-menu{max-width: none; z-index: 3001;} .daterangepicker.single .ranges, .daterangepicker.single .calendar{float: none;} .daterangepicker.show-calendar .calendar{display: block;} .daterangepicker .calendar{display: none; max-width: 270px; margin: 4px;} .daterangepicker .calendar.single .calendar-table{border: none;} .daterangepicker .calendar th, .daterangepicker .calendar td{white-space: nowrap; text-align: center; min-width: 32px;} .daterangepicker .calendar-table{border: 1px solid #fff; padding: 4px; border-radius: 4px; background-color: #fff;} .daterangepicker table{width: 100%; margin: 0;} .daterangepicker td, .daterangepicker th{text-align: center; width: 20px; height: 20px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer;} .daterangepicker td.available:hover, .daterangepicker th.available:hover{background-color: #eee; border-color: transparent; color: inherit;} .daterangepicker td.week, .daterangepicker th.week{font-size: 80%; color: #ccc;} .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{background-color: #fff; border-color: transparent; color: #999;} .daterangepicker td.in-range{background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0;} .daterangepicker td.start-date{border-radius: 4px 0 0 4px;} .daterangepicker td.end-date{border-radius: 0 4px 4px 0;} .daterangepicker td.start-date.end-date{border-radius: 4px;} .daterangepicker td.active, .daterangepicker td.active:hover{background-color: #357ebd; border-color: transparent; color: #fff;} .daterangepicker th.month{width: auto;} .daterangepicker td.disabled, .daterangepicker option.disabled{color: #999; cursor: not-allowed; text-decoration: line-through;} .daterangepicker select.monthselect, .daterangepicker select.yearselect{font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default;} .daterangepicker select.monthselect{margin-right: 2%; width: 56%;} .daterangepicker select.yearselect{width: 40%;} .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect{width: 50px; margin-bottom: 0;} .daterangepicker .input-mini{border: 1px solid #ccc; border-radius: 4px; color: #555; height: 30px; line-height: 30px; display: block; vertical-align: middle; margin: 0 0 5px 0; padding: 0 6px 0 28px; width: 100%;} .daterangepicker .input-mini.active{border: 1px solid #08c; border-radius: 4px;} .daterangepicker .daterangepicker_input{position: relative;} .daterangepicker .daterangepicker_input i{position: absolute; left: 8px; top: 8px;} .daterangepicker.rtl .input-mini{padding-right: 28px; padding-left: 6px;} .daterangepicker.rtl .daterangepicker_input i{left: auto; right: 8px;} .daterangepicker .calendar-time{text-align: center; margin: 5px auto; line-height: 30px; position: relative; padding-left: 28px;} .daterangepicker .calendar-time select.disabled{color: #ccc; cursor: not-allowed;} .ranges{font-size: 11px; float: none; margin: 4px; text-align: left;} .ranges ul{list-style: none; margin: 0 auto; padding: 0; width: 100%;} .ranges li{font-size: 13px; background-color: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 4px; color: #08c; padding: 3px 12px; margin-bottom: 8px; cursor: pointer;} .ranges li:hover{background-color: #08c; border: 1px solid #08c; color: #fff;} .ranges li.active{background-color: #08c; border: 1px solid #08c; color: #fff;} @media (min-width: 564px){.daterangepicker{width: auto;}.daterangepicker .ranges ul{width: 160px;}.daterangepicker.single .ranges ul{width: 100%;}.daterangepicker.single .calendar.left{clear: none;}.daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar{float: left;}.daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar{float: right;}.daterangepicker.ltr{direction: ltr; text-align: left;}.daterangepicker.ltr .calendar.left{clear: left; margin-right: 0;}.daterangepicker.ltr .calendar.left .calendar-table{border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0;}.daterangepicker.ltr .calendar.right{margin-left: 0;}.daterangepicker.ltr .calendar.right .calendar-table{border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0;}.daterangepicker.ltr .left .daterangepicker_input{padding-right: 12px;}.daterangepicker.ltr .calendar.left .calendar-table{padding-right: 12px;}.daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar{float: left;}.daterangepicker.rtl{direction: rtl; text-align: right;}.daterangepicker.rtl .calendar.left{clear: right; margin-left: 0;}.daterangepicker.rtl .calendar.left .calendar-table{border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0;}.daterangepicker.rtl .calendar.right{margin-right: 0;}.daterangepicker.rtl .calendar.right .calendar-table{border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0;}.daterangepicker.rtl .left .daterangepicker_input{padding-left: 12px;}.daterangepicker.rtl .calendar.left .calendar-table{padding-left: 12px;}.daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar{text-align: right; float: right;}} @media (min-width: 730px){.daterangepicker .ranges{width: auto;}.daterangepicker.ltr .ranges{float: left;}.daterangepicker.rtl .ranges{float: right;}.daterangepicker .calendar.left{clear: none !important;}} /* /website_hr_recruitment_custom/static/src/lib/datatables/dataTables.bootstrap4.css defined in bundle 'website_hr_recruitment_custom.poart_assets_frontend' */ table.dataTable{clear: both; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important; border-collapse: separate !important;} table.dataTable td, table.dataTable th{-webkit-box-sizing: content-box; box-sizing: content-box;} table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty{text-align: center;} table.dataTable.nowrap th, table.dataTable.nowrap td{white-space: nowrap;} div.dataTables_wrapper div.dataTables_length label{font-weight: normal; text-align: left; white-space: nowrap;} div.dataTables_wrapper div.dataTables_length select{width: 75px; display: inline-block;} div.dataTables_wrapper div.dataTables_filter{text-align: right;} div.dataTables_wrapper div.dataTables_filter label{font-weight: normal; white-space: nowrap; text-align: left;} div.dataTables_wrapper div.dataTables_filter input{margin-left: 0.5em; display: inline-block; width: auto;} div.dataTables_wrapper div.dataTables_info{padding-top: 0.85em; white-space: nowrap;} div.dataTables_wrapper div.dataTables_paginate{margin: 0; white-space: nowrap; text-align: right;} div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin: 2px 0; white-space: nowrap; justify-content: flex-end;} div.dataTables_wrapper div.dataTables_processing{position: absolute; top: 50%; left: 50%; width: 200px; margin-left: -100px; margin-top: -26px; text-align: center; padding: 1em 0;} table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting{padding-right: 30px;} table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active{outline: none;} table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled{cursor: pointer; position: relative;} table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after{position: absolute; bottom: 0.9em; display: block; opacity: 0.3;} table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before{right: 1em; content: "\2191";} table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after{right: 0.5em; content: "\2193";} table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after{opacity: 1;} table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:after{opacity: 0;} div.dataTables_scrollHead table.dataTable{margin-bottom: 0 !important;} div.dataTables_scrollBody table{border-top: none; margin-top: 0 !important; margin-bottom: 0 !important;} div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after{display: none;} div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td{border-top: none;} div.dataTables_scrollFoot > .dataTables_scrollFootInner{box-sizing: content-box;} div.dataTables_scrollFoot > .dataTables_scrollFootInner > table{margin-top: 0 !important; border-top: none;} @media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate{text-align: center;}} table.dataTable.table-sm > thead > tr > th{padding-right: 20px;} table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before{top: 5px; right: 0.85em;} table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after{top: 5px;} table.table-bordered.dataTable th, table.table-bordered.dataTable td{border-left-width: 0;} table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child{border-right-width: 0;} table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td{border-bottom-width: 0;} div.dataTables_scrollHead table.table-bordered{border-bottom-width: 0;} div.table-responsive > div.dataTables_wrapper > div.row{margin: 0;} div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child{padding-left: 0;} div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child{padding-right: 0;} /* /website_hr_recruitment_custom/static/src/css/custom.min.css defined in bundle 'website_hr_recruitment_custom.poart_assets_frontend' */ .blue{color: #3498db;} .purple{color: #9b59b6;} .green{color: #1abb9c;} .aero{color: #9cc2cb;} .red{color: #e74c3c;} .dark{color: #2a3f54;} .border-blue{border-color: #3498db !important;} .border-purple{border-color: #9b59b6 !important;} .border-green{border-color: #1abb9c !important;} .border-aero{border-color: #9cc2cb !important;} .border-red{border-color: #e74c3c !important;} .border-dark{border-color: #2a3f54 !important;} .bg-white{background: #fff !important; border: 1px solid #fff !important; color: #73879c;} .bg-green{background: #1abb9c !important; border: 1px solid #1abb9c !important; color: #fff;} .bg-red{background: #e74c3c !important; border: 1px solid #e74c3c !important; color: #fff;} .bg-blue{background: #3498db !important; border: 1px solid #3498db !important; color: #fff;} .bg-orange{background: #f39c12 !important; border: 1px solid #f39c12 !important; color: #fff;} .bg-purple{background: #9b59b6 !important; border: 1px solid #9b59b6 !important; color: #fff;} .bg-blue-sky{background: #50c1cf !important; border: 1px solid #50c1cf !important; color: #fff;} .control-label .required, label .required{color: red;} .nav-sm .nav.side-menu li.active-sm ul ul, .nav-sm ul.nav.child_menu ul{position: static; width: auto; background: 0 0;} .no-padding{padding: 0 !important;} .fixed_height_320{height: 320px;} .fixed_height_390{height: 390px;} .fixed_height_200{height: 200px;} .overflow_hidden{overflow: hidden;} .progress-bar-dark{background-color: #2a3f54 !important;} .progress-bar-gray{background-color: #bdc3c7 !important;} .center-margin{margin: 0 auto; float: none !important;} .left{float: left;} .alignleft{float: left; margin-right: 15px;} .alignright{float: right; margin-left: 15px;} code, pre{direction: ltr !important;} .nowrap{white-space: nowrap;} [dir=rtl] .fa-ul{margin-left: inherit; padding-left: inherit; margin-right: 2.14286em; padding-right: 0;} [dir=ltr] .fa-ul{margin-left: 2.14286em; padding-left: 0; margin-right: inherit; padding-right: inherit;} [dir=rtl] .fa-li{left: inherit; right: -2.14286em;} [dir=ltr] .fa-li{left: -2.14286em; right: inherit;} .daterangepicker .ranges li{color: #73879c;} .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover{background: #536a7f; border: 1px solid #536a7f; color: #fff;} .daterangepicker .input-mini{background-color: #eee; border: 1px solid #ccc; box-shadow: none !important;} .daterangepicker .input-mini.active{border: 1px solid #ccc;} .daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.monthselect, .daterangepicker select.secondselect, .daterangepicker select.yearselect{font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; height: 30px; border: 1px solid #adb2b5; line-height: 30px; border-radius: 0 !important;} .daterangepicker select.monthselect{margin-right: 2%;} .daterangepicker td.in-range{background: #e4e7ea; color: #73879c;} .daterangepicker td.active, .daterangepicker td.active:hover{background-color: #536a7f; color: #fff;} .daterangepicker th.available:hover{background: #eee; color: #34495e;} .daterangepicker:after, .daterangepicker:before{content: none;} .daterangepicker .calendar.single{margin: 0 0 4px 0;} .daterangepicker .calendar.single .calendar-table{width: 224px; padding: 0 0 4px 0 !important;} .daterangepicker .calendar.single .calendar-table thead tr:first-child th{padding: 8px 5px;} .daterangepicker .calendar.single .calendar-table thead th{border-radius: 0;} .daterangepicker.picker_1{color: #fff; background: #34495e;} .daterangepicker.picker_1 .calendar-table{background: #34495e;} .daterangepicker.picker_1 .calendar-table thead tr{background: #213345;} .daterangepicker.picker_1 .calendar-table thead tr:first-child{background: #1abb9c;} .daterangepicker.picker_1 .calendar-table td.off{background: #34495e; color: #999;} .daterangepicker.picker_1 .calendar-table td.available:hover{color: #34495e;} .daterangepicker.picker_2 .calendar-table thead tr{color: #1abb9c;} .daterangepicker.picker_2 .calendar-table thead tr:first-child{color: #73879c;} .daterangepicker.picker_3 .calendar-table thead tr:first-child{color: #fff; background: #1abb9c;} .daterangepicker.picker_4 .calendar-table thead tr:first-child{color: #fff; background: #34495e;} .daterangepicker.picker_4 .calendar-table td, .daterangepicker.picker_4 .calendar-table td.off{background: #ecf0f1; border: 1px solid #fff; border-radius: 0;} .daterangepicker.picker_4 .calendar-table td.active{background: #34495e;} .calendar-exibit .show-calendar{float: none; display: inline-block; position: relative; background-color: #fff; border: 1px solid #ccc; margin-bottom: 20px; border: 1px solid rgba(0, 0, 0, 0.15); overflow: hidden;} .calendar-exibit .show-calendar .calendar{margin: 0 0 4px 0;} .calendar-exibit .show-calendar.picker_1{background: #34495e;} .calendar-exibit .calendar-table{padding: 0 0 4px 0;} .left_col{background: #2a3f54;} .left_col .mCSB_scrollTools{width: 6px;} .left_col .mCSB_dragger{max-height: 400px !important;} .nav-sm .hidden-small{visibility: hidden;} .nav-sm .nav.side-menu li a{text-align: center!important; font-weight: 400; font-size: 10px; padding: 10px 5px;} .nav-sm .nav.side-menu li a i{font-size: 25px!important; text-align: center; width: 100%!important; margin-bottom: 5px;} .nav-sm .nav.side-menu li a i.toggle-up{display: none !important;} .nav-sm .nav.side-menu li.active-sm{border-left: 5px solid #1abb9c;} .nav-sm .nav.side-menu li .label.label-success{width: 100%;} .nav-sm .nav.child_menu li.active{border-left: 5px solid #1abb9c;} .nav-sm .profile{display: none;} .nav-sm .menu_section{margin: 0;} .nav-sm .menu_section h3{display: none;} .nav-sm footer{margin-right: 70px;} .nav-sm .container.body .right_col{padding: 10px 20px; margin-right: 70px; z-index: 2;} .nav-sm .container.body .col-md-3.left_col{min-height: 100%; width: 70px; padding: 0; z-index: 9999; position: absolute;} .nav-sm .container.body .col-md-3.left_col.menu_fixed{position: fixed; height: 100%;} .nav-sm .container.body .col-md-3.left_col .mCSB_container{overflow: visible;} .nav-sm .container.body .col-md-3.left_col .mCustomScrollBox{overflow: visible;} .nav-sm .navbar.nav_title{width: 70px;} .nav-sm .navbar.nav_title a span{display: none;} .nav-sm .navbar.nav_title a i{font-size: 27px; margin: 13px 3px 0 0;} .nav-sm .main_container .top_nav{display: block; margin-right: 70px; z-index: 2;} .nav-sm ul.nav.child_menu{right: 100%; position: absolute; top: 0; width: 210px; z-index: 4000; background: #3e5367; display: none;} .nav-sm ul.nav.child_menu li{padding: 0 10px;} .nav-sm ul.nav.child_menu li a{text-align: right !important;} .nav-sm > .nav.side-menu > li.active-sm > a{color: #1abb9c !important;} .nav-sm span.fa{display: none;} .nav-sm li li span.fa{display: inline-block;} .site_title{text-overflow: ellipsis; overflow: hidden; font-weight: 400; font-size: 22px; width: 100%; color: #ecf0f1 !important; margin-left: 0!important; line-height: 59px; display: block; height: 55px; margin: 0; padding-right: 10px;} .site_title i{border: 1px solid #eaeaea; padding: 5px 6px; border-radius: 50%;} .site_title:hover{text-decoration: none;} .site_title:focus{text-decoration: none;} .menu_section{margin-bottom: 35px;} .menu_section h3{padding-right: 23px; color: #fff; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 700; font-size: 11px; margin-bottom: 0; margin-top: 0; text-shadow: 1px 1px #000;} .menu_section > ul{margin-top: 10px;} .profile_pic{width: 35%; float: right;} .profile_info{padding: 25px 10px 10px; width: 65%; float: right;} .profile_info span{font-size: 13px; line-height: 30px; color: #bab8b8;} .profile_info h2{font-size: 14px; color: #ecf0f1; margin: 0; font-weight: 300;} .main_menu .fa{width: 26px; opacity: 0.99; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; font-size: 18px;} .main_menu span.fa{float: left; text-align: center; margin-top: 5px; font-size: 10px; min-width: inherit; color: #c4cfda;} .nav_menu{float: right; background: #ededed; border-bottom: 1px solid #d9dee4; margin-bottom: 10px; width: 100%; position: relative;} @media (min-width: 480px){.nav_menu{position: static;}.top_nav .navbar-right li{position: relative;}} .nav-md .container.body .right_col{padding: 10px 20px 0; margin-right: 230px;} .nav-md .container.body .col-md-3.left_col{min-height: 100%; width: 230px; padding: 0; position: absolute; display: -ms-flexbox; display: flex; z-index: 1;} .nav-md .container.body .col-md-3.left_col.menu_fixed{height: 100%; position: fixed;} .nav-md ul.nav.child_menu li:before{background: #3e5367; bottom: auto; content: ""; height: 8px; right: 23px; margin-top: 15px; position: absolute; left: auto; width: 8px; z-index: 1; border-radius: 50%;} .nav-md ul.nav.child_menu li:after{border-right: 1px solid #3e5367; bottom: 0; content: ""; right: 27px; position: absolute; top: 0;} body{color: #73879c; background: #2a3f54; font-family: B Yekan, Helvetica Neue, Roboto, Arial, Droid Sans, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.471;} body .container.body .right_col{background: #f7f7f7;} .tooltip{font-family: B Yekan, Helvetica Neue, Roboto, Arial, Droid Sans, sans-serif;} .nav_title{width: 230px; float: left; background: #2a3f54; border-radius: 0; height: 57px;} @media (max-width: 991px){.right_col{padding: 10px !important;}.nav-md .container.body .right_col{margin: 0; width: 100%; padding-right: 0;}.nav-md .container.body .top_nav{width: 100%; margin: 0;}.nav-md .container.body .col-md-3.left_col{display: none;}} @media (max-width: 1200px){.tile{zoom: 85%; height: inherit;}.graph{zoom: 85%; height: inherit;}.x_title h2{width: 62%; font-size: 17px;}} @media (max-width: 1270px) and (min-width: 192px){.x_title h2 small{display: none;}} .container{width: 100%; padding: 0;} .navbar-nav > li > a{color: #fff !important; font-weight: 500; color: #ecf0f1 !important; margin-left: 0!important; line-height: 32px;} .navbar-nav .open .dropdown-menu{position: absolute; background: #fff; margin-top: 0; border: 1px solid #d9dee4; left: 0; right: auto; width: 220px;} .navbar-nav .open .dropdown-menu.msg_list{width: 300px;} .navbar-brand{color: #fff !important; font-weight: 500; color: #ecf0f1 !important; margin-left: 0!important; line-height: 32px;} .top_nav .nav > li > a:focus{background: #d9dee4;} .top_nav .nav > li > a:hover{background: #d9dee4;} .top_nav .nav .open > a{background: #d9dee4;} .top_nav .nav .open > a:focus{background: #d9dee4;} .top_nav .nav .open > a:hover{background: #d9dee4;} .top_nav .navbar-right{margin: 0; width: 70%; float: left!important; position: relative;} .top_nav .navbar-right li{display: inline-block; float: left; position: static;} .top_nav .dropdown-menu li{width: 100%;} .top_nav .dropdown-menu li a{width: 100%; padding: 12px 20px;} .top_nav li a i{font-size: 15px; transform: scaleX(-1);} .top_nav li a i.fa.pull-right{margin-right: 0.3em; float: left !important;} .page-title{width: 100%; height: 65px; padding: 10px 0;} .page-title .title_left{width: 45%; float: right; display: block;} .page-title .title_left h3{margin: 9px 0;} .page-title .title_right{width: 55%; float: right; display: block;} .page-title .title_right .pull-right{margin: 10px 0; float: left !important;} table.tile h3{font-weight: 700; vertical-align: middle !important;} table.tile h4{font-weight: 700; vertical-align: middle !important;} table.tile span{font-weight: 700; vertical-align: middle !important;} table.tile th{text-align: center; border-bottom: 1px solid #e6e9ed;} table.tile td{text-align: center; padding: 5px 0;} table.tile td ul{text-align: left; padding-left: 0;} table.tile td ul li{list-style: none; width: 100%;} table.tile td ul li a{width: 100%;} table.tile td ul li a big{right: 0; float: right; margin-right: 13px;} table.tile_info{width: 100%; padding: 10px 15px;} table.tile_info td{text-align: right; padding: 1px; font-size: 15px;} table.tile_info td p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; line-height: 28px;} table.tile_info td i{margin-right: 8px; font-size: 17px; float: right; width: 18px; line-height: 28px;} table.tile_info td:first-child{width: 83%;} table.tile_info span.right{margin-right: 0; float: right; position: absolute; right: 4%;} table.countries_list{width: 100%;} table.countries_list td{padding: 0 10px; line-height: 30px; border-top: 1px solid #ededed;} table.jambo_table{border: 1px solid rgba(221, 221, 221, 0.78);} table.jambo_table thead{background: rgba(52, 73, 94, 0.94); color: #ecf0f1;} table.jambo_table tbody tr.selected{background: rgba(38, 185, 154, 0.16);} table.jambo_table tbody tr.selected td{border-top: 1px solid rgba(38, 185, 154, 0.4); border-bottom: 1px solid rgba(38, 185, 154, 0.4);} table.jambo_table tbody tr:hover td{background: rgba(38, 185, 154, 0.07); border-top: 1px solid rgba(38, 185, 154, 0.11); border-bottom: 1px solid rgba(38, 185, 154, 0.11);} table.dataTable th.focus{outline: 2px solid #1abb9c !important; outline-offset: -1px;} table.dataTable td.focus{outline: 2px solid #1abb9c !important; outline-offset: -1px;} table.display{margin: 0 auto; clear: both; width: 100%;} table.display thead th{padding: 8px 18px 8px 10px; border-bottom: 1px solid #000; font-weight: 700; cursor: pointer;} table.display thead th:active{outline: 0;} table.display thead td:active{outline: 0;} table.display tr.heading2 td{border-bottom: 1px solid #aaa;} table.display tr.even.row_selected td{background-color: #b0bed9;} table.display tr.odd.row_selected td{background-color: #9fafd1;} table.display td{padding: 3px 10px;} table.display td.center{text-align: center;} table.display tfoot th{padding: 3px 18px 3px 10px; border-top: 1px solid #000; font-weight: 700;} table.no-margin .progress{margin-bottom: 0;} .main_content{padding: 10px 20px;} .col-md-55{width: 50%; margin-bottom: 10px; position: relative; min-height: 1px; float: left; padding-right: 10px; padding-left: 10px;} @media (min-width: 768px){.col-md-55{width: 20%;}.footer_fixed footer{margin-right: 0;}.footer_fixed .nav-sm footer{margin-right: 0;}.bs-glyphicons{margin-right: 0; margin-left: 0;}.bs-glyphicons li{width: 12.5%; font-size: 12px;}.cropper .img-container{min-height: 516px;}} @media (min-width: 992px){.col-md-55{width: 20%;}footer{margin-right: 230px;}.tile_count .tile_stats_count{margin-bottom: 10px; border-bottom: 0; padding-bottom: 10px;}} @media (min-width: 1200px){.col-md-55{width: 20%;}} @media (min-width: 192px) and (max-width: 1270px){table.tile_info span.right{margin-right: 7px; float: left;}} .row{margin-right: -10px; margin-left: -10px;} .h1, h1{margin-top: 10px; margin-bottom: 10px;} h2{margin-top: 10px; margin-bottom: 10px; font-size: 18px; font-weight: 400;} .h2{margin-top: 10px; margin-bottom: 10px;} h3{margin-top: 10px; margin-bottom: 10px;} h3.degrees{font-size: 22px; font-weight: 400; text-align: center;} .h3{margin-top: 10px; margin-bottom: 10px;} a{color: #5a738e; text-decoration: none; outline: 0;} a:visited{outline: 0;} a:focus{text-decoration: none; outline: 0;} a:active{outline: 0;} a:hover{text-decoration: none;} a.DTTT_button{border: 1px solid #e7e7e7 !important; background: #e7e7e7 !important; box-shadow: none !important;} a.user-profile{color: #5e6974 !important;} a.star{color: #428bca !important;} a.btn-success{color: #fff;} a.btn-primary{color: #fff;} a.btn-warning{color: #fff;} a.btn-danger{color: #fff;} a.hiddenanchor{display: none;} :visited{outline: 0;} :focus{outline: 0;} :active{outline: 0;} .btn{margin-bottom: 5px; margin-right: 5px; border-radius: 3px;} .btn:focus{outline: 0;} .btn:active:focus{outline: 0;} .btn:active.focus{outline: 0;} .btn.active:focus{outline: 0;} .btn.active.focus{outline: 0;} .btn.focus{outline: 0;} .btn.btn-app{position: relative; padding: 15px 5px; margin: 0 0 10px 10px; min-width: 80px; height: 60px; box-shadow: none; border-radius: 0; text-align: center; color: #666; border: 1px solid #ddd; background-color: #fafafa; font-size: 12px;} .btn.btn-app > .fa{font-size: 20px; display: block;} .btn.btn-app > .glyphicon{font-size: 20px; display: block;} .btn.btn-app > .ion{font-size: 20px; display: block;} .btn.btn-app > .badge{position: absolute; top: -3px; right: -10px; font-size: 10px; font-weight: 400;} .btn.btn-app:hover{background: #f4f4f4; color: #444; border-color: #aaa;} .btn.btn-app:active{box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);} .btn.btn-app:focus{box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);} .navbar{margin-bottom: 0;} .navbar-header{background: #2a3f54;} .navbar-right{margin-right: 0;} .navbar-static-top{position: fixed; top: 0; width: 100%;} .sidebar-header{border-bottom: 0; margin-top: 46px;} .sidebar-header:first-of-type{margin-top: 0;} .nav.child_menu{display: none;} .nav.child_menu li{padding-right: 36px;} .nav.child_menu li:hover{background-color: rgba(255, 255, 255, 0.06);} .nav.child_menu li.active{background-color: rgba(255, 255, 255, 0.06);} .nav.child_menu li li:hover{background: 0 0;} .nav.child_menu li li.active{background: 0 0;} .nav.child_menu li li a:hover{color: #fff;} .nav.child_menu li li a.active{color: #fff;} .nav.child_menu > li > a{color: #e7e7e7; font-weight: 500; color: rgba(255, 255, 255, 0.75); font-size: 12px; padding: 9px;} .nav li.current-page{background: rgba(255, 255, 255, 0.05);} .nav li li li.current-page{background: 0 0;} .nav li li.current-page a{color: #fff;} .nav.side-menu > li{position: relative; display: block; cursor: pointer;} .nav.side-menu > li > a{margin-bottom: 6px; color: #e7e7e7; font-weight: 500;} .nav.side-menu > li > a:hover{color: #f2f5f7 !important; text-decoration: none; background: 0 0;} .nav.side-menu > li.current-page{border-left: 5px solid #1abb9c;} .nav.side-menu > li.active{border-left: 5px solid #1abb9c;} .nav.side-menu > li.active > a{text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0; background: linear-gradient(#2a3f54, #2a3f54), #2a3f54; box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;} .nav > li > a{position: relative; display: block; padding: 13px 15px 12px;} .nav > li > a:focus{text-decoration: none; background: 0 0; background-color: transparent;} .nav > li > a:hover{background-color: transparent;} .nav.navbar-nav > li > a{color: #515356 !important;} .nav.top_menu > li > a{position: relative; display: block; padding: 10px 15px; color: #2a3f54 !important;} .top_search{padding: 0;} .top_search .form-control{border-left: 0; box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.075); border-radius: 0 25px 25px 0!important; padding-right: 20px; border: 1px solid rgba(221, 226, 232, 0.49);} .top_search .form-control:focus{border: 1px solid rgba(221, 226, 232, 0.49); border-left: 0;} .top_search .input-group-btn button{border-radius: 25px 0 0 25px!important; border: 1px solid rgba(221, 226, 232, 0.49); border-right: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); color: #93a2b2; margin-bottom: 0 !important;} .toggle{float: right; margin: 0; padding-top: 16px; width: 70px;} .toggle a{padding: 15px 15px 0; margin: 0; cursor: pointer;} .toggle a i{font-size: 26px;} .panel_toolbox{float: left; min-width: 70px;} .panel_toolbox.navbar-right{float: left!important; margin-left: 0; margin-right: auto;} .panel_toolbox > li{float: right; cursor: pointer;} .panel_toolbox > li > a{padding: 5px; color: #c5c7cb; font-size: 14px;} .panel_toolbox > li > a:hover{background: #f5f7fa;} .line_30{line-height: 30px;} .main_menu_side{padding: 0;} footer{background: #fff; padding: 10px 20px; display: block;} .tile-stats{position: relative; display: block; margin-bottom: 12px; border: 1px solid #e7e7e7; overflow: hidden; padding-bottom: 5px; border-radius: 5px; background-clip: padding-box; background: #fff; transition: all 0.3s ease-in-out;} .tile-stats.sparkline{padding: 10px; text-align: center;} .tile-stats .icon{width: 20px; height: 20px; color: #bab8b8; position: absolute; left: 53px; top: 22px; z-index: 1;} .tile-stats .icon i{margin: 0; font-size: 60px; line-height: 0; vertical-align: bottom; padding: 0;} .tile-stats .count{font-size: 38px; font-weight: 700; line-height: 1.65857143; position: relative; margin: 0; margin-right: 10px; z-index: 5; padding: 0;} .tile-stats h3{position: relative; margin: 0; margin-right: 10px; z-index: 5; padding: 0; color: #bab8b8;} .tile-stats p{position: relative; margin: 0; margin-right: 10px; z-index: 5; padding: 0; margin-top: 5px; font-size: 12px;} .tile-stats:hover .icon i{animation-name: tansformAnimation; animation-duration: 0.5s; animation-iteration-count: 1; color: rgba(58, 58, 58, 0.41); animation-timing-function: ease; animation-fill-mode: forwards;} .tile-stats > .dash-box-footer{position: relative; text-align: center; margin-top: 5px; padding: 3px 0; color: #fff; color: rgba(255, 255, 255, 0.8); display: block; z-index: 10; background: rgba(0, 0, 0, 0.1); text-decoration: none;} .tile-stats > .dash-box-footer:hover{color: #fff; background: rgba(0, 0, 0, 0.15);} .jqstooltip{background: #2a3f54 !important; width: 30px!important; height: 22px!important; text-decoration: none;} .tooltip{display: block !important;} .tiles{border-top: 1px solid #ccc; margin-top: 15px; padding-top: 5px; margin-bottom: 0;} .tile{overflow: hidden;} .tile:hover{text-decoration: none;} .top_tiles{margin-bottom: 0;} .top_tiles .tile h2{font-size: 30px; line-height: 30px; margin: 3px 0 7px; font-weight: 700;} *{box-sizing: border-box;} :before{box-sizing: border-box;} :after{box-sizing: border-box;} #integration-list{width: 100%; margin: 0 auto; display: table;} #integration-list ul{padding: 0; margin: 20px 0; color: #555;} #integration-list ul > li{list-style: none; border-top: 1px solid #ddd; display: block; padding: 15px; overflow: hidden;} #integration-list ul > li:hover{background: #efefef;} #integration-list ul:last-child{border-bottom: 1px solid #ddd;} .expand{display: block; text-decoration: none; color: #555; cursor: pointer;} .expand h2{width: 85%; float: left;} #left{display: table;} #right{display: table;} #sup{display: table-cell; vertical-align: middle; width: 80%;} .detail{margin: 10px 0; display: none; line-height: 22px; height: 150px;} .detail a{text-decoration: none; color: #c0392b; border: 1px solid #c0392b; padding: 6px 10px 5px; font-size: 13px; margin-right: 7px;} .detail span{margin: 0;} .right-arrow{width: 10px; float: right; font-weight: 700; font-size: 20px;} .accordion .panel{margin-bottom: 5px; border-radius: 0; border-bottom: 1px solid #efefef;} .accordion .panel:hover{background: #f2f5f7;} .accordion .panel-heading{background: #f2f5f7; padding: 13px; width: 100%; display: block;} .x_panel{position: relative; width: 100%; margin-bottom: 10px; padding: 10px 17px; display: inline-block; background: #fff; border: 1px solid #e6e9ed; column-break-inside: avoid; opacity: 1; transition: all 0.2s ease;} .x_title{border-bottom: 2px solid #e6e9ed; padding: 1px 5px 6px; margin-bottom: 10px;} .x_title .filter{width: 40%; float: left;} .x_title h2{margin: 5px 0 6px; float: right; display: block; text-overflow: ellipsis; white-space: nowrap;} .x_title h2 small{margin-right: 10px;} .x_title span{color: #bdbdbd;} .x_content{padding: 0 5px 6px; position: relative; width: 100%; float: left; clear: both; margin-top: 5px;} .x_content h4{font-size: 16px; font-weight: 500;} legend{padding-bottom: 7px; font-size: 18px; color: inherit;} .demo-placeholder{height: 280px;} .profile_details:nth-child(3n){clear: both;} .profile_details .profile_view{display: inline-block; padding: 10px 0 0; background: #fff;} .profile_details .profile_view .divider{border-top: 1px solid #e5e5e5; padding-top: 5px; margin-top: 5px;} .profile_details .profile_view .ratings{margin-bottom: 0; text-align: left; font-size: 16px;} .profile_details .profile_view .bottom{background: #f2f5f7; padding: 9px 0; border-top: 1px solid #e6e9ed;} .profile_details .profile_view .left{margin-top: 20px;} .profile_details .profile_view .left p{margin-bottom: 3px;} .profile_details .profile_view .right{margin-top: 0; padding: 10px;} .profile_details .profile_view .img-circle{border: 1px solid #e6e9ed; padding: 2px;} .profile_details .profile_view h2{margin: 5px 0;} .profile_details .profile_view .brief{margin: 0; font-weight: 300;} .profile_details .profile_left{background: #fff;} .profile_details .emphasis{padding: 0;} td span{line-height: 28px;} td.group{background-color: #ccc; border-bottom: 2px solid #a19b9e; border-top: 2px solid #a19b9e;} td.details{background-color: #ccc; border: 2px solid #a19b9e;} .sidebar-widget{overflow: hidden;} .error-number{font-size: 90px; line-height: 90px; margin: 20px 0;} .col-middle{margin-top: 5%;} .mid_center{width: 370px; margin: 0 auto; text-align: center; padding: 10px 20px;} .bulk-actions{display: none;} .dataTables_paginate{float: left; text-align: left;} .dataTables_paginate a{padding: 6px 9px!important; background: #ddd !important; border-color: #ddd !important; background: red;} .paging_full_numbers{width: 400px; height: 22px; line-height: 22px;} .paging_full_numbers a.paginate_active{background-color: rgba(38, 185, 154, 0.59) !important; border-color: rgba(38, 185, 154, 0.59) !important; background-color: #99b3ff; border: 1px solid #aaa; padding: 2px 5px; margin: 0 3px; cursor: pointer;} .paging_full_numbers a:active{outline: 0;} .paging_full_numbers a:hover{text-decoration: none;} .paging_full_numbers a.paginate_button{border: 1px solid #aaa; padding: 2px 5px; margin: 0 3px; cursor: pointer; background-color: #ddd;} .paging_full_numbers a.paginate_button:hover{background-color: #ccc; text-decoration: none !important;} button{margin-bottom: 5px; margin-right: 5px;} button.DTTT_button{border: 1px solid #e7e7e7 !important; background: #e7e7e7 !important; box-shadow: none !important;} div.DTTT_button{border: 1px solid #e7e7e7 !important; background: #e7e7e7 !important; box-shadow: none !important;} div.box{height: 100px; padding: 10px; overflow: auto; border: 1px solid #8080ff; background-color: #e5e5ff;} .dataTables_wrapper{position: relative; clear: both; zoom: 1;} .dataTables_processing{position: absolute; top: 50%; right: 50%; width: 250px; height: 30px; margin-right: -125px; margin-top: -15px; padding: 14px 0 2px; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: #fff;} .dataTables_length{width: 40%; float: right;} .dataTables_filter, div.dataTables_wrapper div.dataTables_filter{width: 50%; float: left; text-align: left;} .dataTables_info{width: 60%; float: right;} .dataTables_scroll{clear: both;} .clear{clear: both;} .dataTables_empty{text-align: center;} ul.to_do{padding: 0;} ul.to_do li{background: #f3f3f3; border-radius: 3px; position: relative; padding: 7px; margin-bottom: 5px; list-style: none;} ul.to_do p{margin: 0;} ul.quick-list{width: 45%; padding-right: 0; display: inline-block;} ul.quick-list li{padding-left: 10px; list-style: none; margin: 0; padding-bottom: 6px; padding-top: 4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} ul.quick-list li i{padding-left: 10px; color: #757679;} ul.top_profiles{height: 330px; width: 100%;} ul.top_profiles li{margin: 0; padding: 3px 5px;} ul.top_profiles li:nth-child(odd){background-color: #ededed;} ul.parsley-errors-list{list-style: none; color: #e74c3c; padding-right: 0;} ul.bar_tabs{overflow: visible; background: #f5f7fa; height: 25px; margin: 21px 0 14px; padding-right: 14px; position: relative; z-index: 1; width: 100%; border-bottom: 1px solid #e6e9ed;} ul.bar_tabs > li{border: 1px solid #e6e9ed; color: #333 !important; margin-top: -17px; margin-right: 8px; background: #fff; border-bottom: none; border-radius: 4px 4px 0 0;} ul.bar_tabs > li.active{border-left: 6px solid #d3d6da; border-top: 0; margin-top: -15px;} ul.bar_tabs > li.active a{border-bottom: none;} ul.bar_tabs > li a{padding: 10px 17px; background: #f5f7fa; margin: 0; border-top-left-radius: 0;} ul.bar_tabs > li a:hover{border: 1px solid transparent;} ul.bar_tabs.left{padding-left: 14px;} ul.bar_tabs.left li{float: left;} ul.widget_tally{width: 100%;} ul.widget_tally li{width: 100%; padding: 2px 10px; border-bottom: 1px solid #ececec; padding-bottom: 4px;} ul.widget_tally .month{width: 70%; float: right;} ul.widget_tally .count{width: 30%; float: right; text-align: left;} ul.widget_profile_box{width: 100%; height: 42px; padding: 3px; background: #ececec; margin-top: 40px; margin-left: 1px;} ul.widget_profile_box li:first-child{width: 25%; float: right;} ul.widget_profile_box li:first-child a{float: right;} ul.widget_profile_box li:last-child{width: 25%; float: left;} ul.widget_profile_box li:last-child a{float: left;} ul.widget_profile_box li a{font-size: 22px; text-align: center; width: 35px; height: 35px; border: 1px solid rgba(52, 73, 94, 0.44); display: block; border-radius: 50%; padding: 0; padding-top: 5px; cursor: pointer;} ul.widget_profile_box li a:hover{color: #1abb9c !important; border: 1px solid #26b99a;} ul.widget_profile_box li .profile_img{width: 85px; height: 85px; margin: 0; margin-top: -28px;} ul.count2{width: 100%; margin-left: 1px; border: 1px solid #ddd; border-left: 0; border-right: 0; padding: 10px 0;} ul.count2 li{width: 30%; text-align: center; white-space: nowrap;} ul.count2 li h3{font-weight: 400; margin: 0;} ul.count2 li span{font-weight: 300;} ul.messages{padding: 0; list-style: none;} ul.messages li{border-bottom: 1px dotted #e7e7e7; padding: 8px 0;} ul.messages li .message_date{float: left; text-align: left;} ul.messages li .message_date > .date{font-size: 35px; text-align: center;} ul.messages li .message_wrapper{margin-right: 50px; margin-left: 40px;} ul.messages li .message_wrapper blockquote{padding: 0 10px; margin: 0; border-right: 5px solid #ededed;} ul.messages li .message_wrapper h4.heading{font-weight: 600; margin: 0; cursor: pointer; margin-bottom: 10px; line-height: 100%;} ul.messages li img.avatar{height: 32px; width: 32px; float: right; display: inline-block; border-radius: 2px; padding: 2px; background: #f7f7f7; border: 1px solid #e7e7e7;} ul.stats-overview{border-bottom: 1px solid #eaeaea; padding-bottom: 10px; margin-bottom: 10px;} ul.stats-overview li{display: inline-block; text-align: center; padding: 0 15px; width: 30%; font-size: 14px; border-right: 1px solid #eaeaea;} ul.stats-overview li:last-child{border-right: 0;} ul.stats-overview li .name{font-size: 12px;} ul.stats-overview li .value{font-size: 14px; font-weight: 700; display: block;} ul.stats-overview li:first-child{padding-left: 0;} ul.verticle_bars{width: 100%;} ul.verticle_bars li{width: 23%; height: 200px; margin: 0;} ul.notifications{float: right; display: block; margin-bottom: 7px; padding: 0; width: 100%;} ul.msg_list li{background: #f7f7f7; padding: 5px; display: -ms-flexbox; display: flex; margin: 6px 6px 0; width: 96% !important;} ul.msg_list li:last-child{margin-bottom: 6px; padding: 10px;} ul.msg_list li a{padding: 3px 5px !important;} ul.msg_list li a .time{font-size: 11px; font-style: italic; font-weight: 700; position: absolute; left: 35px;} ul.msg_list li a .message{display: block!important; font-size: 11px; direction: rtl;} ul.msg_list li a .image img{border-radius: 2px 2px 2px 2px; float: right; margin-left: 10px; width: 11%;} ul.timeline li{position: relative; border-bottom: 1px solid #eaeaea; clear: both;} ul.social li{border: 0;} ul.user_data li{margin-bottom: 6px;} ul.user_data li p{margin-bottom: 0;} ul.user_data li .progress{width: 90%;} ul.project_files li{margin-bottom: 5px;} ul.project_files li a i{width: 20px;} .dropdown-menu{border: medium none; box-shadow: none; display: none; float: left; font-size: 12px; left: 0; list-style: none outside none; padding: 0; position: absolute; text-shadow: none; top: 100%; z-index: 9998; border: 1px solid #d9dee4; border-top-left-radius: 0; border-top-right-radius: 0;} .dropdown-menu a{cursor: pointer;} .dropdown-menu.msg_list span{white-space: normal;} .dropdown-menu > li > a{color: #5a738e;} .dropdown-menu .badge{float: left !important;} .dashboard-widget{background: #f7f7f7; border-top: 5px solid #79c3df; border-radius: 3px; padding: 5px 10px 10px;} .dashboard-widget .dashboard-widget-title{font-weight: 400; border-bottom: 1px solid #c1cdcd; margin: 0 0 10px 0; padding-bottom: 5px; padding-left: 40px; line-height: 30px;} .dashboard-widget .dashboard-widget-title i{font-size: 100%; margin-left: -35px; margin-right: 10px; color: #33a1c9; padding: 3px 6px; border: 1px solid #abd9ea; border-radius: 5px; background: #fff;} .dashboard-widget-content{padding-top: 9px;} .dashboard-widget-content .sidebar-widget{width: 55%; display: inline-block; vertical-align: top; background: #fff; border: 1px solid #abd9ea; border-radius: 5px; text-align: center; float: left; padding: 2px; margin-top: 10px;} .widget_summary{width: 100%; display: -ms-inline-flexbox; display: inline-flex;} .widget_summary .w_left{float: right; text-align: right;} .widget_summary .w_center{float: left;} .widget_summary .w_right{float: right; text-align: left;} .widget_summary .w_right span{font-size: 20px;} .w_20{width: 20%;} .w_25{width: 25%;} .w_55{width: 55%;} span.right{float: right; font-size: 14px !important;} span.section{display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5;} span.tag{display: block; float: right; padding: 5px 9px; text-decoration: none; background: #1abb9c; color: #f1f6f7; margin-right: 5px; font-weight: 500; margin-bottom: 5px; font-family: B Yekan;} span.tag a{color: #f1f6f7 !important;} .sidebar-footer{bottom: 0; clear: both; display: block; padding: 5px 0 0; position: fixed; width: 230px; background: #2a3f54;} .sidebar-footer a{padding: 7px 0 3px; text-align: center; width: 25%; font-size: 17px; display: block; float: left; background: #172d44;} .sidebar-footer a:hover{background: #3e5367;} .tile_count{margin-bottom: 20px; margin-top: 20px;} .tile_count .tile_stats_count{border-bottom: 1px solid #d9dee4; padding: 0 20px 0 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: relative;} .tile_count .tile_stats_count:before{content: ""; position: absolute; right: 0; height: 65px; border-right: 2px solid #adb2b5; margin-top: 10px;} .tile_count .tile_stats_count .count{font-size: 30px; line-height: 47px; font-weight: 600;} .tile_count .tile_stats_count span{font-size: 12px;} .tile_count .tile_stats_count .count_bottom i{width: 12px;} @media (min-width: 992px){.tile_count .tile_stats_count:first-child:before{border-right: 0;}} @media (min-width: 768px){.tile_count .tile_stats_count .count{font-size: 40px;}.tile_count .tile_stats_count span{font-size: 13px;}} @media (min-width: 992px) and (max-width: 1100px){.tile_count .tile_stats_count .count{font-size: 30px;}} .dashboard_graph{background: #fff; padding: 7px 10px;} .dashboard_graph .col-md-9{padding: 0;} .dashboard_graph .col-md-3{padding: 0;} .dashboard_graph .x_title{padding: 5px 5px 7px;} .dashboard_graph .x_title h3{margin: 0; font-weight: 400;} .dashboard_graph p{margin: 0 0 4px;} .media .profile_thumb{border: 1px solid; width: 50px; height: 50px; margin: 5px 10px 5px 0; border-radius: 50%; padding: 9px 12px;} .media .profile_thumb i{font-size: 30px;} .media .date{background: #ccc; width: 52px; margin-right: 10px; border-radius: 10px; padding: 5px;} .media .date .month{margin: 0; text-align: center; color: #fff;} .media .date .day{text-align: center; color: #fff; font-size: 27px; margin: 0; line-height: 27px; font-weight: 700;} .tile_header{border-bottom: transparent; padding: 7px 15px; margin-bottom: 15px; background: #e7e7e7;} .tiles-bottom{padding: 5px 10px; margin-top: 10px; background: rgba(194, 194, 194, 0.3); text-align: left;} .mail_content{background: none repeat scroll 0 0 #fff; border-radius: 4px; margin-top: 20px; min-height: 500px; padding: 10px 11px; width: 100%;} .list-btn-mail{margin-bottom: 15px;} .list-btn-mail.active{border-bottom: 1px solid #39b3d7; padding: 0 0 14px;} .list-btn-mail > i{float: left; font-size: 18px; font-style: normal; width: 33px;} .list-btn-mail > .cn{background: none repeat scroll 0 0 #39b3d7; border-radius: 12px; color: #fff; float: right; font-style: normal; padding: 0 5px;} .button-mail{margin: 0 0 15px!important; text-align: left; width: 100%;} .buttons{margin-bottom: 5px; margin-right: 5px;} .btn-group .btn{margin-bottom: 0; margin-right: 0;} .btn-group .parsley-errors-list{display: none;} .mail_list_column{border-right: 1px solid #dbdbdb;} .mail_view{border-right: 1px solid #dbdbdb;} .mail_list{width: 100%; border-bottom: 1px solid #dbdbdb; margin-bottom: 2px; display: inline-block;} .mail_list .right{width: 5%; float: right; margin-right: 3%;} .mail_list .left{width: 90%; float: right;} .mail_list h3{font-size: 15px; font-weight: 700; margin: 0 0 6px;} .mail_list h3 small{float: left; color: #aaa; font-size: 11px; line-height: 20px;} .mail_list .badge{padding: 3px 6px; font-size: 8px; background: #bab8b8;} @media (max-width: 767px){.mail_list{margin-bottom: 5px; display: inline-block;}} .attachment{margin-top: 30px;} .attachment ul{width: 100%; list-style: none; padding-left: 0; display: inline-block; margin-bottom: 30px;} .attachment ul li{float: left; width: 150px; margin-right: 10px; margin-bottom: 10px;} .attachment ul li img{height: 150px; border: 1px solid #ddd; padding: 5px; margin-bottom: 10px;} .attachment ul li span{float: right;} .attachment .file-name{float: left;} .attachment .links{width: 100%; display: inline-block;} .compose{padding: 0; position: fixed; bottom: 0; left: 0; background: #fff; border: 1px solid #d9dee4; border-left: 0; border-bottom: 0; border-top-right-radius: 5px; z-index: 9999; display: none;} .compose .compose-header{padding: 5px; background: #169f85; color: #fff; border-top-right-radius: 5px;} .compose .compose-header .close{text-shadow: 0 1px 0 #fff; line-height: 0.8;} .compose .compose-body .editor-wrapper{height: 100%; min-height: 50px; max-height: 180px; border-radius: 0; border-left: none; border-right: none; overflow: auto;} .compose .compose-body .editor.btn-toolbar{margin: 0;} .compose .compose-footer{padding: 10px;} .input-group{margin-bottom: 10px;} .ln_solid{border-top: 1px solid #e5e5e5; color: #fff; background-color: #fff; height: 1px; margin: 20px 0;} .has-feedback .form-control{padding-right: 42.5px; padding-left: 12px;} .form-control{border-radius: 0; width: 100%;} .form-control:focus{border-color: #ccd0d7; box-shadow: none !important;} .form-control.has-feedback-left{padding-right: inherit; padding-left: 45px;} .form-control.has-feedback-right{padding-left: 45px; padding-right: inherit;} .form-horizontal .control-label{padding-top: 8px;} .form-horizontal .form-group{margin-right: 0; margin-left: 0;} .form-control-feedback{margin-top: 8px; height: 23px; color: #bab8b8; line-height: 24px; font-size: 15px;} .form-control-feedback.left{border-right: 1px solid #ccc; left: 15px!important; right: auto !important;} .form-control-feedback.right{border-left: 1px solid #ccc; right: 15px!important; left: auto !important;} .form-group{margin-bottom: 10px;} .validate{margin-top: 10px;} .invalid-form-error-message{margin-top: 10px; padding: 5px;} .invalid-form-error-message.filled{border-left: 2px solid #e74c3c;} p.parsley-success{color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6;} p.parsley-error{color: #b94a48; background-color: #f2dede; border: 1px solid #f2dede;} textarea{padding: 10px; vertical-align: top; width: 200px;} textarea.parsley-error{background: #faedec; border: 1px solid #e85445;} textarea:focus{outline-style: solid; outline-width: 2px;} .bad input{border: 1px solid #ce5454; box-shadow: 0 0 4px -2px #ce5454; position: relative; left: 0;} .bad select{border: 1px solid #ce5454; box-shadow: 0 0 4px -2px #ce5454; position: relative; left: 0;} .bad textarea{border: 1px solid #ce5454; box-shadow: 0 0 4px -2px #ce5454; position: relative; left: 0;} .item input{transition: 0.42s;} .item textarea{transition: 0.42s;} .item .alert{float: right; margin: 0 20px 0 0; padding: 3px 10px; color: #fff; border-radius: 3px 3px 4px 4px; background-color: #ce5454; max-width: 170px; white-space: pre; position: relative; right: -15px; opacity: 0; z-index: 1; transition: 0.15s ease-out;} .item .alert::after{content: ''; display: block; height: 0; width: 0; border-color: transparent transparent transparent #ce5454; border-style: solid; border-width: 11px 7px; position: absolute; right: -13px; top: 1px;} .item.bad .alert{left: 0; opacity: 1;} .inl-bl{display: inline-block;} .well .markup{background: #fff; color: #777; position: relative; padding: 45px 15px 15px; margin: 15px 0 0; background-color: #fff; border-radius: 0 0 4px 4px; box-shadow: none;} .well .markup::after{content: "Example"; position: absolute; top: 15px; left: 15px; font-size: 12px; font-weight: 700; color: #bab8b8; text-transform: uppercase; letter-spacing: 1px;} .autocomplete-suggestions{border: 1px solid #e7e7e7; background: #f4f4f4; cursor: default; overflow: auto;} .autocomplete-suggestions strong{font-weight: 400; color: #39f; font-weight: bolder;} .autocomplete-suggestion{padding: 2px 5px; font-size: 1.2em; white-space: nowrap; overflow: hidden;} .autocomplete-selected{background: #ededed;} .btn-success{background: #26b99a; border: 1px solid #169f85;} .btn-success:hover{background: #169f85;} .btn-success:focus{background: #169f85;} .btn-success:active{background: #169f85;} .btn-success.active{background: #169f85;} .btn-dark{color: #ededed; background-color: #4b5f71; border-color: #2a3f54;} .btn-dark:hover{color: #fff; background-color: #394d5f; border-color: #394d5f;} .btn-dark:focus{color: #fff; background-color: #394d5f; border-color: #394d5f;} .btn-dark:active{color: #fff; background-color: #394d5f; border-color: #394d5f;} .btn-dark.active{color: #fff; background-color: #394d5f; border-color: #394d5f;} .btn-round{border-radius: 30px;} .btn_{display: inline-block; padding: 3px 9px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f2f5f7; background-image: linear-gradient(to bottom, #fff, #e7e7e7); background-repeat: repeat-x; border-color: #e7e7e7 #e7e7e7 #bdbdbd; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border: 1px solid #ccc; border-bottom-color: #b3b3b3; border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);} .bs-glyphicons-list{padding-left: 0; list-style: none;} .bs-glyphicons{margin: 0 -10px 20px; overflow: hidden;} .bs-glyphicons li{float: right; width: 25%; height: 115px; padding: 10px; font-size: 10px; line-height: 1.4; text-align: center; background-color: #f9f9f9; border: 1px solid #fff;} .bs-glyphicons li:hover{color: #fff; background-color: #1abb9c;} @media (min-width: 768px){.bs-glyphicons{margin-right: 0; margin-left: 0;}.bs-glyphicons li{width: 12.5%; font-size: 12px;}} .bs-glyphicons .glyphicon{margin-top: 5px; margin-bottom: 10px; font-size: 24px;} .bs-glyphicons .glyphicon-class{display: block; text-align: center; word-wrap: break-word;} .bs-glyphicons-list{padding-left: 0; list-style: none;} .tagsinput{border: 1px solid #ccc; background: #fff; padding: 6px 6px 0; width: 300px; overflow-y: auto;} .tagsinput input{width: 80px; margin: 0; font-family: helvetica; font-size: 13px; border: 1px solid transparent; padding: 3px; background: 0 0; color: #000; outline: 0;} .tagsinput div{display: block; float: right;} .tagsinput span.tag a{font-weight: 700; color: #82ad2b; text-decoration: none; font-size: 11px;} .tags_clear{clear: both; width: 100%; height: 0;} .not_valid{background: #fbd8db !important; color: #90111a !important;} .timeline .block{margin: 0; border-right: 3px solid #eaeaea; overflow: visible; padding: 10px 15px; margin-right: 105px;} .timeline.widget{min-width: 0; max-width: inherit;} .timeline.widget .block{margin-right: 5px;} .timeline .tags{position: absolute; top: 15px; right: 0; width: 84px;} .timeline .tag{display: block; height: 30px; font-size: 13px; padding: 8px;} .timeline .tag span{display: block; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis;} .timeline .byline{padding: 0.25em 0;} .timeline h2.title{position: relative; font-size: 16px; margin: 0;} .timeline h2.title:before{content: ""; position: absolute; right: -23px; top: 3px; display: block; width: 14px; height: 14px; border: 3px solid #d2d3d2; border-radius: 14px; background: #f9f9f9;} .tag{line-height: 1; background: #1abb9c; color: #fff !important;} .tag:after{content: " "; height: 30px; width: 0; position: absolute; right: 100%; top: 0; margin: 0; pointer-events: none; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-right: 11px solid #1abb9c;} .byline{font-style: italic; font-size: 0.9375em; line-height: 1.3; color: #aaa;} .social-sidebar{float: right; background: #ededed; width: 22%;} .social-body{float: right; border: 1px solid #ccc; width: 78%;} .chat .status{float: left; margin: 16px 0 0 -16px; font-size: 14px; font-weight: 700; width: 12px; height: 12px; display: block; border: 2px solid #fff; z-index: 12312; border-radius: 50%;} .chat .status.online{background: #1abb9c;} .chat .status.away{background: #f39c12;} .chat .status.offline{background: #ccc;} .chat .media-body{padding-top: 5px;} .chat .thumb img{width: 27px; height: 27px; border-radius: 50%;} .chart{position: relative; display: inline-block; width: 110px; height: 110px; margin-top: 5px; margin-bottom: 5px; text-align: center;} .chart canvas{position: absolute; top: 0; left: 0;} .percent{display: inline-block; line-height: 110px; z-index: 2; font-size: 18px;} .percent:after{content: '%'; margin-left: 0.1em; font-size: 0.8em;} .angular{margin-top: 100px;} .angular .chart{margin-top: 0;} .widget{min-width: 250px; max-width: 310px;} .widget .verticle_bars li .progress.vertical.progress_wide{width: 65%;} .widget_tally_box .flex{display: -ms-flexbox; display: flex;} .widget_tally_box p{text-align: center;} .widget_tally_box span{text-align: center;} .widget_tally_box .name{text-align: center; margin: 25px;} .widget_tally_box .name_title{text-align: center; margin: 5px;} .widget_tally_box ul.legend{margin: 0;} .widget_tally_box ul.legend p{text-align: left; display: inline-block; margin: 0;} .widget_tally_box ul.legend span{text-align: left;} .widget_tally_box ul.legend li .icon{font-size: 20px; float: left; width: 14px;} .widget_tally_box ul.legend li .name{font-size: 14px; margin: 5px 0 0 14px; text-overflow: ellipsis; float: left;} .widget_tally_box ul.verticle_bars li{height: 140px; width: 23%;} .widget_tally_box .btn-group button{text-align: center; color: inherit; font-weight: 500; background-color: #f2f5f7; border: 1px solid #e7e7e7;} .pie_bg{border-bottom: 1px solid rgba(101, 204, 182, 0.16); padding-bottom: 15px; border-radius: 4px; padding-bottom: 10px; box-shadow: 0 4px 6px -6px #222;} .divider{border-bottom: 1px solid #ddd; margin: 10px;} .divider-dashed{border-top: 1px dashed #e6e9ed; background-color: #fff; height: 1px; margin: 10px 0;} .profile_title{background: #f5f7fa; border: 0; padding: 7px 0; display: -ms-flexbox; display: flex;} .pricing{background: #fff;} .pricing .title{background: #1abb9c; height: 110px; color: #fff; padding: 15px 0 0; text-align: center;} .pricing .title h2{text-transform: capitalize; font-size: 18px; border-radius: 5px 5px 0 0; margin: 0; font-weight: 400;} .pricing .title h1{font-size: 30px; margin: 12px;} .pricing .title span{background: rgba(51, 51, 51, 0.28); padding: 2px 5px;} .pricing_features{background: #fafafa; padding: 20px 15px; min-height: 230px; font-size: 13.5px;} .pricing_features ul li{margin-top: 10px;} .pricing_footer{padding: 10px 15px; background-color: #f2f5f7; border-top: 1px solid #ddd; text-align: center; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;} .pricing_footer p{font-size: 13px; padding: 10px 0 2px; display: block;} .ui-ribbon-container{position: relative;} .ui-ribbon-container .ui-ribbon-wrapper{position: absolute; overflow: hidden; width: 85px; height: 88px; top: -3px; left: -3px;} .ui-ribbon-container .ui-ribbon{position: relative; display: block; text-align: center; font-size: 15px; font-weight: 700; color: #fff; transform: rotate(-45deg); padding: 7px 0; right: -5px; top: 15px; width: 120px; line-height: 20px; background-color: #555; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);} .ui-ribbon-container .ui-ribbon:before{left: 0; bottom: -1px; right: 0; position: absolute; content: " "; line-height: 0; border-top: 2px solid #555; border-left: 2px solid transparent; border-right: 2px solid transparent;} .ui-ribbon-container .ui-ribbon:after{position: absolute; content: " "; line-height: 0; border-top: 2px solid #555; border-left: 2px solid transparent; border-right: 2px solid transparent;} .ui-ribbon-container.ui-ribbon-primary .ui-ribbon{background-color: #5b90bf;} .ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after{border-top: 2px solid #5b90bf;} .ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before{border-top: 2px solid #5b90bf;} .thumbnail{height: 190px; overflow: hidden;} .thumbnail .image{height: 120px; overflow: hidden;} .caption{padding: 9px 5px; background: #f7f7f7;} .caption p{margin-bottom: 5px;} .view{overflow: hidden; position: relative; text-align: center; box-shadow: 1px 1px 2px #e7e7e7; cursor: default;} .view .mask{position: absolute; width: 100%; overflow: hidden; top: 0; left: 0;} .view .content{position: absolute; width: 100%; overflow: hidden; top: 0; left: 0;} .view img{display: block; position: relative;} .view .tools{text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 17px; padding: 3px; background: rgba(0, 0, 0, 0.35); margin: 43px 0 0;} .view .tools a{display: inline-block; color: #fff; font-size: 18px; font-weight: 400; padding: 0 4px;} .view p{font-family: B Yekan, Georgia, serif; font-style: italic; font-size: 12px; position: relative; color: #fff; padding: 10px 20px 20px; text-align: center;} .view a.info{display: inline-block; text-decoration: none; padding: 7px 14px; background: #000; color: #fff; text-transform: uppercase; box-shadow: 0 0 1px #000;} .view-first img{transition: all 0.2s linear;} .view-first .mask{opacity: 0; background-color: rgba(0, 0, 0, 0.5); transition: all 0.4s ease-in-out;} .view-first .tools{transform: translateY(-100px); opacity: 0; transition: all 0.2s ease-in-out;} .view-first p{transform: translateY(100px); opacity: 0; transition: all 0.2s linear;} .view-first:hover img{transform: scale(1.1);} .view-first:hover .mask{opacity: 1;} .view-first:hover .tools{opacity: 1; transform: translateY(0);} .view-first:hover p{opacity: 1; transform: translateY(0); transition-delay: 0.1s;} .tabs-left{border-bottom: none; padding-top: 2px; border-right: 1px solid #f7f7f7;} .tabs-left > li{float: none; margin-bottom: 2px; margin-right: -1px;} .tabs-left > li > a{border-radius: 4px 0 0 4px; margin-right: 0; display: block; background: #f7f7f7; text-overflow: ellipsis; overflow: hidden;} .tabs-left > li.active > a{border-bottom-color: #f7f7f7; border-right-color: transparent;} .tabs-left > li.active > a:hover{border-bottom-color: #f7f7f7; border-right-color: transparent;} .tabs-left > li.active > a:focus{border-bottom-color: #f7f7f7; border-right-color: transparent;} .tabs-right{border-bottom: none; padding-top: 2px; border-left: 1px solid #f7f7f7;} .tabs-right > li{float: none; margin-bottom: 2px; margin-left: -1px;} .tabs-right > li > a{border-radius: 0 4px 4px 0; margin-right: 0; background: #f7f7f7; text-overflow: ellipsis; overflow: hidden;} .tabs-right > li.active > a{border-bottom: 1px solid #f7f7f7; border-left-color: transparent;} .tabs-right > li.active > a:hover{border-bottom: 1px solid #f7f7f7; border-left-color: transparent;} .tabs-right > li.active > a:focus{border-bottom: 1px solid #f7f7f7; border-left-color: transparent;} .sideways{margin-top: 50px; border: none; position: relative;} .sideways > li{height: 20px; width: 120px; margin-bottom: 100px;} .sideways > li > a{border-bottom: 1px solid #ddd; border-right-color: transparent; text-align: center; border-radius: 4px 4px 0 0;} .sideways > li.active > a{border-bottom-color: transparent; border-right-color: #ddd; border-left-color: #ddd;} .sideways > li.active > a:hover{border-bottom-color: transparent; border-right-color: #ddd; border-left-color: #ddd;} .sideways > li.active > a:focus{border-bottom-color: transparent; border-right-color: #ddd; border-left-color: #ddd;} .sideways.tabs-left{left: -50px;} .sideways.tabs-left > li{transform: rotate(-90deg);} .sideways.tabs-right{right: -50px;} .sideways.tabs-right > li{transform: rotate(90deg);} .morris-hover{position: absolute; z-index: 1000;} .morris-hover.morris-default-style{padding: 6px; color: #666; background: rgba(243, 242, 243, 0.8); border: solid 2px rgba(195, 194, 196, 0.8); font-family: sans-serif; font-size: 12px; text-align: center;} .morris-hover.morris-default-style .morris-hover-row-label{font-weight: 700; margin: 0.25em 0;} .morris-hover.morris-default-style .morris-hover-point{white-space: nowrap; margin: 0.1em 0;} .price{font-size: 40px; font-weight: 400; color: #26b99a; margin: 0;} .prod_title{border-bottom: 1px solid #dfdfdf; padding-bottom: 5px; margin: 30px 0; font-size: 20px; font-weight: 400;} .prod_color li{margin: 0 10px;} .prod_color li p{margin-bottom: 0;} .prod_color .color{width: 25px; height: 25px; border: 2px solid rgba(51, 51, 51, 0.28) !important; padding: 2px; border-radius: 50px;} .product_price{margin: 20px 0; padding: 5px 10px; background-color: #fff; text-align: left; border: 2px dashed #dfdfdf;} .price-tax{font-size: 18px;} .product_social{margin: 20px 0;} .product_social ul li a i{font-size: 35px;} .login{background: #f7f7f7;} .login .fa-paw{font-size: 26px;} .login_wrapper{right: 0; margin: 0 auto; margin-top: 5%; max-width: 350px; position: relative;} .registration_form{position: absolute; top: 0; z-index: 21; opacity: 0; width: 100%;} .login_form{position: absolute; top: 0; width: 100%; z-index: 22;} .animate{animation-duration: 0.5s; animation-timing-function: ease; animation-fill-mode: both;} .login_box{padding: 20px; margin: auto;} .login_content{margin: 0 auto; padding: 25px 0 0; position: relative; text-align: center; text-shadow: 0 1px 0 #fff; min-width: 280px;} .login_content a{text-decoration: none;} .login_content a:hover{text-decoration: underline;} .login_content h1{font: normal 25px B Yekan, Helvetica, Arial, sans-serif; letter-spacing: -0.05em; line-height: 20px; margin: 10px 0 30px;} .login_content h1:before{content: ""; height: 1px; position: absolute; top: 10px; width: 20%; background: #7e7e7e; background: linear-gradient(to left, #7e7e7e 0, #fff 100%); left: 0;} .login_content h1:after{content: ""; height: 1px; position: absolute; top: 10px; width: 20%; background: #7e7e7e; background: linear-gradient(to right, #7e7e7e 0, #fff 100%); right: 0;} .login_content form{margin: 20px 0; position: relative;} .login_content form input[type=text]{border-radius: 3px; box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset; border: 1px solid #c5c7cb; color: #777; margin: 0 0 20px; width: 100%;} .login_content form input[type=text]:focus{box-shadow: 0 0 2px #a97aad inset; background-color: #fff; border: 1px solid #a878af; outline: 0;} .login_content form input[type=email]{border-radius: 3px; box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset; border: 1px solid #c5c7cb; color: #777; margin: 0 0 20px; width: 100%;} .login_content form input[type=email]:focus{box-shadow: 0 0 2px #a97aad inset; background-color: #fff; border: 1px solid #a878af; outline: 0;} .login_content form input[type=password]{border-radius: 3px; box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset; border: 1px solid #c5c7cb; color: #777; margin: 0 0 20px; width: 100%;} .login_content form input[type=password]:focus{box-shadow: 0 0 2px #a97aad inset; background-color: #fff; border: 1px solid #a878af; outline: 0;} .login_content form input[type=submit]{float: left; margin-left: 38px;} .login_content form div a{font-size: 12px; margin: 10px 0 0 15px;} .login_content .btn-default:hover{text-decoration: none;} .login_content div .reset_pass{margin-top: 13px!important; margin-right: 39px; float: left;} #username{background-position: 10px 10px !important;} #password{background-position: 10px -53px !important;} .reset_pass{margin-top: 10px !important;} .separator{border-top: 1px solid #d3d6da; margin-top: 10px; padding-top: 10px;} .button{background: #f7f9fa; background: linear-gradient(to bottom, #f7f9fa 0, #ededed 100%); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; border-radius: 0 0 5px 5px; border-top: 1px solid #ccd0d7; padding: 15px 0;} .button a{background: url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat; color: #7e7e7e; font-size: 17px; padding: 2px 0 2px 40px; text-decoration: none; transition: all 0.3s ease;} .button a:hover{background-position: 0 -135px; color: #00aeef;} header{width: 100%;} #nprogress .bar{background: #1abb9c;} #nprogress .peg{box-shadow: 0 0 10px #1abb9c, 0 0 5px #1abb9c;} #nprogress .spinner-icon{border-top-color: #1abb9c; border-left-color: #1abb9c;} .editor-wrapper{min-height: 250px; background-color: #fff; border-collapse: separate; border: 1px solid #ccc; padding: 4px; box-sizing: content-box; box-shadow: rgba(0, 0, 0, 0.07451) 0 1px 1px 0 inset; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; overflow: scroll; outline: 0;} .voiceBtn{width: 20px; color: transparent; background-color: transparent; transform: scale(2, 2); border: transparent; cursor: pointer; box-shadow: none;} div[data-role=editor-toolbar]{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .select2-container--default .select2-selection--single{background-color: #fff; border: 1px solid #ccc; border-radius: 0; min-height: 38px;} .select2-container--default .select2-selection--single .select2-selection__rendered{color: #73879c; padding-top: 5px;} .select2-container--default .select2-selection--single .select2-selection__arrow{height: 36px;} .select2-container--default .select2-selection--multiple{background-color: #fff; border: 1px solid #ccc; border-radius: 0; min-height: 38px;} .select2-container--default .select2-selection--multiple .select2-selection__rendered{padding-top: 3px;} .select2-container--default .select2-selection--multiple .select2-selection__choice{margin-top: 2px; border: none; border-radius: 0; padding: 3px 5px;} .select2-container--default .select2-selection--multiple .select2-selection__clear{margin-top: 2px; border: none; border-radius: 0; padding: 3px 5px;} .select2-container--default.select2-container--focus .select2-selection--multiple{border: 1px solid #ccc;} .switchery{width: 32px; height: 20px;} .switchery > small{width: 20px; height: 20px;} fieldset{border: none; margin: 0; padding: 0;} .cropper .img-container{background-color: #f7f7f7; width: 100%; text-align: center; min-height: 200px; max-height: 516px; margin-bottom: 20px;} .cropper .img-container > img{max-width: 100%;} .cropper .img-preview{background-color: #f7f7f7; width: 100%; text-align: center; float: left; margin-right: 10px; margin-bottom: 10px; overflow: hidden;} .cropper .img-preview > img{max-width: 100%;} .cropper .docs-preview{margin-right: -15px;} .cropper .preview-lg{width: 263px; height: 148px;} .cropper .preview-md{width: 139px; height: 78px;} .cropper .preview-sm{width: 69px; height: 39px;} .cropper .preview-xs{width: 35px; height: 20px; margin-right: 0;} .cropper .docs-tooltip{display: block; margin: -6px -12px; padding: 6px 12px;} .cropper .docs-tooltip > .icon{margin: 0 -3px; vertical-align: top;} .cropper .tooltip-inner{white-space: normal;} .cropper .btn-toggle{padding: 6px;} .cropper .btn-toggle .tooltip-inner{white-space: nowrap;} .cropper .btn-toggle > .docs-tooltip{margin: -6px; padding: 6px;} .cropper .docs-cropped .modal-body{text-align: center;} .cropper .docs-cropped .modal-body > img{max-width: 100%;} .cropper .docs-cropped .modal-body > canvas{max-width: 100%;} .cropper .docs-cropped canvas{max-width: 100%;} .cropper .docs-data > .input-group{margin-bottom: 10px;} .cropper .docs-data > .input-group > label{min-width: 80px;} .cropper .docs-data > .input-group > span{min-width: 50px;} .cropper .docs-buttons > .btn{margin-right: 5px; margin-bottom: 10px;} .cropper .docs-buttons > .btn-group{margin-right: 5px; margin-bottom: 10px;} .cropper .docs-buttons > .form-control{margin-right: 5px; margin-bottom: 10px;} .cropper .docs-toggles > .btn{margin-bottom: 10px;} .cropper .docs-toggles > .btn-group{margin-bottom: 10px;} .cropper .docs-toggles > .dropdown{margin-bottom: 10px;} .cropper .btn-upload .tooltip-inner{white-space: nowrap;} .cropper .docs-options .dropdown-menu{width: 100%;} .cropper .docs-options .dropdown-menu > li{padding: 3px 20px;} .cropper .docs-options .dropdown-menu > li:hover{background-color: #f7f7f7;} .cropper .docs-options .dropdown-menu > li > label{display: block;} .cropper .docs-diagram .modal-dialog{max-width: 352px;} @media (max-width: 400px){.cropper .btn-group-crop{margin-right: -15px !important;}.cropper .btn-group-crop .docs-tooltip{margin-left: -5px; margin-right: -5px; padding-left: 5px; padding-right: 5px;}.cropper .btn-group-crop > .btn{padding-left: 5px; padding-right: 5px;}} .form_wizard .stepContainer{display: block; position: relative; margin: 0; padding: 0; border: 0 solid #ccc; overflow-x: hidden;} .form_wizard .loader{display: none;} .form_wizard .msgBox{display: none;} .step_no{background: #2a3f54; color: #fff;} .wizard_verticle .stepContainer{width: 80%; float: left; padding: 0 10px;} .wizard_verticle .wizard_content{width: 80%; float: left; padding-left: 20px;} .wizard_verticle ul.wizard_steps{display: table; list-style: none; position: relative; width: 20%; float: left; margin: 0 0 20px;} .wizard_verticle ul.wizard_steps li{display: list-item; text-align: center;} .wizard_verticle ul.wizard_steps li a{height: 80px; display: block; position: relative; opacity: 1; color: #666;} .wizard_verticle ul.wizard_steps li a:first-child{margin-top: 20px;} .wizard_verticle ul.wizard_steps li a:before{content: ""; position: absolute; height: 100%; background: #ccc; top: 20px; width: 4px; z-index: 4; left: 49%;} .wizard_verticle ul.wizard_steps li a .step_no{width: 40px; height: 40px; line-height: 40px; border-radius: 100px; display: block; margin: 0 auto 5px; font-size: 16px; text-align: center; position: relative; z-index: 5;} .wizard_verticle ul.wizard_steps li a.done:before{background: #1abb9c; color: #fff;} .wizard_verticle ul.wizard_steps li a.done .step_no{background: #1abb9c; color: #fff;} .wizard_verticle ul.wizard_steps li a.disabled .step_no{background: #ccc;} .wizard_verticle ul.wizard_steps li a.selected:before{background: #2a3f54; color: #fff;} .wizard_verticle ul.wizard_steps li:hover{display: block; position: relative; opacity: 1; color: #666;} .wizard_verticle ul.wizard_steps li:first-child a:before{left: 49%;} .wizard_verticle ul.wizard_steps li:last-child a:before{left: 49%; left: auto; width: 0;} .actionBar{width: 100%; border-top: 1px solid #ddd; padding: 10px 5px; text-align: left; margin-top: 10px;} .actionBar .buttonDisabled{cursor: not-allowed; pointer-events: none; opacity: 0.65; box-shadow: none;} .actionBar a{margin: 0 3px;} .progress{border-radius: 0;} .progress.progress_sm{border-radius: 0; margin-bottom: 18px; height: 10px !important;} .progress.progress_sm .progress-bar{height: 10px !important;} .progress.vertical.progress_wide{width: 35px;} .progress-bar-info{background-color: #3498db;} .progress-bar-success{background-color: #26b99a;} .progress_summary .progress{margin: 5px 0 12px !important;} .progress_summary .row{margin-bottom: 5px;} .progress_summary .row .col-xs-2{padding: 0;} .progress_summary p{margin-bottom: 3px; width: 100%;} .progress_summary .more_info span{text-align: right; float: right;} .progress_summary .data span{text-align: right; float: right;} .progress_title .left{float: left; text-align: left;} .progress_title .right{float: right; text-align: right; font-weight: 300;} .alert-success{color: #fff; background-color: rgba(38, 185, 154, 0.88); border-color: rgba(38, 185, 154, 0.88);} .alert-info{color: #ededed; background-color: rgba(52, 152, 219, 0.88); border-color: rgba(52, 152, 219, 0.88);} .alert-warning{color: #ededed; background-color: rgba(243, 156, 18, 0.88); border-color: rgba(243, 156, 18, 0.88);} .alert-danger{color: #ededed; background-color: rgba(231, 76, 60, 0.88); border-color: rgba(231, 76, 60, 0.88);} .alert-error{color: #ededed; background-color: rgba(231, 76, 60, 0.88); border-color: rgba(231, 76, 60, 0.88);} .alert-dark{color: #ededed; background-color: rgba(52, 73, 94, 0.88); border-color: rgba(52, 73, 94, 0.88);} .custom-notifications{position: fixed; margin: 15px; left: 0; float: right; width: 400px; z-index: 4000; bottom: 0;} .notifications li{float: right; margin: 3px; width: 36px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);} .notifications li:last-child{margin-left: 0;} .notifications a{display: block; text-align: center; text-decoration: none; text-transform: uppercase; padding: 9px 8px;} .tabbed_notifications .text{padding: 5px 15px; height: 140px; border-radius: 7px; box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);} .tabbed_notifications h2{font-weight: 700; text-transform: uppercase; width: 80%; float: left; height: 20px; text-overflow: ellipsis; overflow: hidden; display: block;} .tabbed_notifications .close{padding: 5px; color: #ededed; float: right; opacity: 1;} .tabbed_notifications div p{display: inline-block;} .fc-state-default{background: #f2f5f7; color: #73879c;} .fc-state-down{color: #333; background: #ccc;} .fc-state-active{color: #333; background: #ccc;} .dropzone{min-height: 300px; border: 1px solid #e5e5e5;} .img-circle.profile_img{width: 70%; background: #fff; margin-right: 15%; z-index: 1000; position: inherit; margin-top: 20px; border: 1px solid rgba(52, 73, 94, 0.44); padding: 4px;} .profile.img_2{text-align: center;} .profile.img_2 .profile_pic{width: 100%;} .profile.img_2 .profile_pic .img-circle.profile_img{width: 50%; margin: 10px 0 0;} .profile.img_2 .profile_info{padding: 15px 10px 0; width: 100%; margin-bottom: 10px; float: left;} .active a span.fa{text-align: left!important; margin-left: 4px;} .main_container .top_nav{display: block; margin-right: 230px;} .grid_slider .col-md-6{padding: 0 40px;} .bs-docs-sidebar .nav > li > a{display: block; padding: 4px 6px;} .footer_fixed footer{position: fixed; left: 0; bottom: 0; width: 100%;} article.media{width: 100%;} .pagination.pagination-split li{display: inline-block; margin-right: 3px;} .pagination.pagination-split li a{border-radius: 4px; color: #768399;} .degrees:after{content: "o"; position: relative; top: -12px; font-size: 13px; font-weight: 300;} .daily-weather .day{font-size: 14px; border-top: 2px solid rgba(115, 135, 156, 0.36); text-align: center; border-bottom: 2px solid rgba(115, 135, 156, 0.36); padding: 5px 0;} .weather-days .col-sm-2{overflow: hidden; width: 16.66666667%;} @media (max-width: 768px){.weather-days .col-sm-2{float: right;}} .weather .row{margin-bottom: 0;} .top .dataTables_info{float: none;} tfoot input{margin: 0.5em 0; width: 100%; color: #444;} tfoot input.search_init{color: #999;} .example_alt_pagination div.dataTables_info{width: 40%;} .info-number .badge{font-size: 10px; font-weight: 400; line-height: 13px; padding: 2px 6px; position: absolute; right: 2px; top: 8px;} h5.graph_title{text-align: left; margin-left: 10px;} h5.graph_title i{margin-right: 10px; font-size: 17px;} .tile_info a{text-overflow: ellipsis;} .user-profile img{width: 29px; height: 29px; border-radius: 50%; margin-left: 10px;} .event .media-body p{margin-bottom: 0;} .event .media-body a.title{font-weight: 700;} h4.graph_title{margin: 7px; text-align: center;} .fontawesome-icon-list .fa-hover a{display: block; line-height: 32px; height: 32px; padding-left: 10px; border-radius: 4px; direction: ltr;} .fontawesome-icon-list .fa-hover a:hover{background-color: #ddd; color: #fff; text-decoration: none;} .fontawesome-icon-list .fa-hover a:hover .fa{font-size: 28px; vertical-align: -6px;} .fontawesome-icon-list .fa-hover a .fa{font-size: 16px; display: inline-block; text-align: right; margin-right: 10px;} .tile_head h4{margin-top: 0; margin-bottom: 5px;} .modal-footer .btn + .btn{margin-bottom: 5px; margin-right: 5px;} .btn-group-vertical .btn{margin-bottom: 0; margin-right: 0;} .mail_heading h4{font-size: 18px; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-top: 20px;} .editor.btn-toolbar{zoom: 1; background: #f7f7f7; margin: 5px 2px; padding: 3px 0; border: 1px solid #efefef;} input.parsley-error{background: #faedec; border: 1px solid #e85445;} select.parsley-error{background: #faedec; border: 1px solid #e85445;} .open .dropdown-toggle.btn-success{background: #169f85;} .open .dropdown-toggle.btn-dark{color: #fff; background-color: #394d5f; border-color: #394d5f;} .thumb img{width: 50px; height: 50px; border-radius: 50%;} .tasks li{border-bottom: 1px dotted #e7e7e7; padding: 8px 0;} img.avatar{height: 32px; width: 32px; float: left; display: inline-block; border-radius: 2px; padding: 2px; background: #f7f7f7; border: 1px solid #e7e7e7;} .project_progress .progress{margin-bottom: 3px!important; margin-top: 5px;} .projects .list-inline{margin: 0;} .project_detail p{margin-bottom: 10px;} .project_detail p.title{font-weight: 700; margin-bottom: 0;} .avatar img{border-radius: 50%; max-width: 45px;} .mask.no-caption .tools{margin: 90px 0 0;} .product-image img{width: 90%;} .prod_size li{padding: 0;} .product_gallery a{width: 100px; height: 100px; float: left; margin: 10px; border: 1px solid #e5e5e5;} .product_gallery a img{width: 100%; margin-top: 15px;} #signup:target ~ .login_wrapper .registration_form{z-index: 22; animation-name: fadeInLeft; animation-delay: 0.1s;} #signup:target ~ .login_wrapper .login_form{animation-name: fadeOutLeft;} #signin:target ~ .login_wrapper .login_form{z-index: 22; animation-name: fadeInLeft; animation-delay: 0.1s;} #signin:target ~ .login_wrapper .registration_form{animation-name: fadeOutLeft;} .clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} form:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;} #content form .submit{float: left; margin-left: 38px;} .wizard_horizontal ul.wizard_steps{display: table; list-style: none; position: relative; width: 100%; margin: 0 0 20px;} .wizard_horizontal ul.wizard_steps li{display: table-cell; text-align: center;} .wizard_horizontal ul.wizard_steps li a{display: block; position: relative; opacity: 1; color: #666;} .wizard_horizontal ul.wizard_steps li a:before{content: ""; position: absolute; height: 4px; background: #ccc; top: 20px; width: 100%; z-index: 4; right: 0;} .wizard_horizontal ul.wizard_steps li a .step_no{width: 40px; height: 40px; line-height: 40px; border-radius: 100px; display: block; margin: 0 auto 5px; font-size: 16px; text-align: center; position: relative; z-index: 5;} .wizard_horizontal ul.wizard_steps li a.done:before{background: #1abb9c; color: #fff;} .wizard_horizontal ul.wizard_steps li a.done .step_no{background: #1abb9c; color: #fff;} .wizard_horizontal ul.wizard_steps li a.disabled .step_no{background: #ccc;} .wizard_horizontal ul.wizard_steps li a.selected:before{background: #2a3f54; color: #fff;} .wizard_horizontal ul.wizard_steps li:hover{display: block; position: relative; opacity: 1; color: #666;} .wizard_horizontal ul.wizard_steps li:first-child a:before{right: 50%;} .wizard_horizontal ul.wizard_steps li:last-child a:before{left: 50%; width: 50%; right: auto;} .ui-pnotify{left: 35px!important; right: auto !important;} .ui-pnotify-icon, .ui-pnotify-icon span{float: right; margin-left: 0.2em;} .ui-pnotify-closer, .ui-pnotify-sticker{float: left; margin-right: 0.2em;} .ui-pnotify.dark .ui-pnotify-container{color: #ededed; background-color: rgba(52, 73, 94, 0.88); border-color: rgba(52, 73, 94, 0.88);} .colorpicker{right: inherit;} .jqvmap-zoomin, .jqvmap-zoomout{min-width: 10px; min-height: 10px; width: auto; height: auto;} .fc .fc-button-group > *{float: right;} .fc-state-default.fc-next-button, .fc-state-default.fc-prev-button{border-top-left-radius: initial; border-bottom-left-radius: initial; border-top-right-radius: initial; border-bottom-right-radius: initial;} .fc-state-default.fc-corner-left{border-top-right-radius: 4px; border-bottom-right-radius: 4px;} .fc-state-default.fc-corner-right{border-top-left-radius: 4px; border-bottom-left-radius: 4px;} div#graph_donut svg text{font-family: B Yekan !important;} /* /website_hr_recruitment_custom/static/src/css/my_style.css defined in bundle 'website_hr_recruitment_custom.poart_assets_frontend' */ @font-face{font-family: Cocon Next Arabic; src: url('/website_hr_recruitment_custom/static/src/fonts/Cocon_Next_Arabic_Light.eot'); src: url('/website_hr_recruitment_custom/static/src/fonts/Cocon_Next_Arabic_Light.eot?') format('eot'), url('/website_hr_recruitment_custom/static/src/fonts/Cocon_Next_Arabic_Light.woff') format('woff'), url('/website_hr_recruitment_custom/static/src/fonts/Cocon_Next_Arabic_Light.ttf') format('truetype'), url('/website_hr_recruitment_custom/static/src/fonts/Cocon_Next_Arabic_Light.svg#svgGraublauweb') format('svg');} @font-face{font-family: Droid Arabic Naskh; src: url('/website_hr_recruitment_custom/static/src/fonts/DroidNaskh-Regular.eot'); src: url('/website_hr_recruitment_custom/static/src/fonts/DroidNaskh-Regular.eot?') format('eot'), url('/website_hr_recruitment_custom/static/src/fonts/DroidNaskh-Regular.woff') format('woff'), url('/website_hr_recruitment_custom/static/src/fonts/DroidNaskh-Regular.ttf') format('truetype'), url('/website_hr_recruitment_custom/static/src/fonts/DroidNaskh-Regular.svg#svgGraublauweb') format('svg');} @font-face{font-family: JF-Flat; src: url('/website_hr_recruitment_custom/static/src/fonts/JF-Flat-light.woff') format('woff'); font-weight: 300; font-style: normal;} @font-face{font-family: JF-Flat; src: url('/website_hr_recruitment_custom/static/src/fonts/JF-Flat-regular.woff') format('woff'); font-weight: 400; font-style: normal;} body{color: #12223b; font-family: B Yekan, Helvetica Neue, Roboto, Arial, Droid Sans, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.471;} *{font-family: JF-Flat;} .excerpt{font-family: JF-Flat;} .logo{width: 100%; margin-top: 15px; margin-bottom: 15px;} #date{float: right; margin-right: 50px; margin-top: 15px; color: white; font-size: 18px;} .nav.side-menu > li > a{margin-bottom: 6px; color: #e7e7e7; font-weight: 500; font-size: 15px;} .nav.child_menu > li > a{font-weight: 500; color: #ba9e4a !important; font-size: 15px; padding: 9px;} .nav.side-menu > li.current-page{border-left: 5px solid #dededc;} .bad input{border: 1px solid #ce5454; box-shadow: 0 0 4px -2px #ce5454; position: relative; left: 0; font-family: JF-Flat;} textarea.form-control{height: auto; font-family: JF-Flat;} .item input{transition: 0.42s; font-family: JF-Flat; margin-bottom: 15px;} .item .alert{float: right; margin: -15px 20px 0 0; padding: 3px 10px; color: #fff; border-radius: 3px 3px 4px 4px; background-color: #ce5454; max-width: 170px; white-space: pre; position: relative; right: -15px; opacity: 0; z-index: 1; transition: 0.15s ease-out; display: none;} .login_content form input[type="text"]{border-radius: 3px; box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset; border: 1px solid #c5c7cb; color: #777; margin: 0 0 20px; width: 100%; font-size: 18px; font-family: JF-Flat;} .login_content form input[type="password"]{border-radius: 3px; box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset; border: 1px solid #c5c7cb; color: #777; margin: 0 0 20px; width: 100%; font-size: 18px; font-family: JF-Flat;} .login_content div .reset_pass{margin-top: 13px !important; margin-right: 39px; float: left; font-size: 20px;} .separator{border-top: 1px solid #d3d6da; margin-top: 10px; padding-top: 10px; font-size: 18px;} .info-box{display: block; min-height: 90px; background: #2b8069; width: 100%; border-radius: 2px; margin-bottom: 15px; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);} .bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body{background-color: #420904 !important;} .info-box-content{padding: 20px 10px; margin-left: 3px;} .info-box-text{text-transform: uppercase; color: #fff; font-size: 20px; text-align: center;} .info-box-number{display: block; font-weight: bold; font-size: 22px; color: #fff; text-align: center; margin-left: 30px;} .info-box-icon{border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; display: block; float: left; height: 90px; width: 40%; text-align: center; font-size: 45px; line-height: 90px; background: rgba(0, 0, 0, 0.2);} span i{color: #1d857c;} .user-notification.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body{background-color: #f0203a !important;} .bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body{background-color: #ba9e4a !important;} .bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body{background-color: #dd4b39 !important;} .profile_details .profile_view .left p{margin-bottom: 3px; font-family: JF-Flat;} .user-notification.bg-green{background: #00a65a !important; border: 1px solid #00a65a !important; color: #fff;} .sidebar-footer{bottom: 0; clear: both; display: block; padding: 5px 0 0; position: fixed; width: 230px; background: transparent;} footer{background: url(/website_hr_recruitment_custom/static/src/images/binshihon-bg.jpeg); background-position: bottom; padding: 20px 20px; display: block; font-size: 15px;} .profile_info h2{font-size: 18px; color: #ecf0f1; margin: 25px 0px 0px; font-weight: 300;} .search-down img{height: 29px; border-radius: 50%; margin-left: 10px;} .nav-md .navbar-nav .open .dropdown-menu.search-down{width: calc(100vw - 247px); height: 300px;} .nav-sm .navbar-nav .open .dropdown-menu.search-down{width: calc(100vw - 87px); height: 300px;} #account-edit-photo img{width: 100%;} .form-control{border-radius: 0; width: 100%;} button, input, select, textarea{font-family: inherit; font-size: inherit; line-height: inherit; height: 34px; width: 100%;} .account-settings-form h5{font-size: 20px; font-weight: 700;} .homepage{background-image: url(/website_hr_recruitment_custom/static/src/images/forestbridge.jpg); height: 85vh; background-repeat: no-repeat; background-position: center center; background-size: cover;} .main_menu.homeicons .fa{width: 26px; opacity: 0.99; display: inline-block; font-family: FontAwesome; font-style: normal; font-size: 50px; margin-left: 25px;} .nav.side-menu.homeicons > li{position: relative; display: block; cursor: pointer; text-align: center; border-bottom: 1px solid #e7e7e7;} .homeicons h5{font-size: 20px; color: black; margin-top: -10px; margin-left: 5px; margin-bottom: 25px;} .nav.side-menu.homeicons > li:hover{color: green !important;} .nav.side-menu.homeicons > li > a:hover{color: #848484 !important; text-decoration: none; background: 0 0;} .nav.side-menu > li.active > a{text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0; background: rgba(255, 255, 255, 0.15); box-shadow: rgba(0, 0, 0, 0.25) 0 1px 0, inset rgba(255, 255, 255, 0.16) 0 1px 0;} .nav.side-menu > li.active{border-left: 5px solid rgba(255, 255, 255, 0.15);} .left_col.homepage_left{background: white;} .left_col{background: #777777;} .nav_title.homepagetoplogobg{width: 230px; float: left; background: white; border-radius: 0; height: 57px;} .site_title.homepagelogo{text-overflow: ellipsis; overflow: hidden; font-weight: 400; font-size: 22px; width: 100%; color: #ecf0f1 !important; margin-left: 0!important; line-height: 59px; display: block; height: 55px; margin: 15px 0px 0px 0px; padding-right: 10px; border-bottom: 1px solid #e7e7e7; text-align: center; padding-bottom: 70px;} .nav.side-menu.homeicons > li > a{margin-bottom: 6px; color: #848484; font-weight: 500; font-size: 15px;} .nav_menu.homepagetopmenu{float: right; background: #ba9e4a; border-bottom: 1px solid #463b1a; margin-bottom: 10px; width: 100%; position: relative;} .nav_menu{float: right; background: url(/website_hr_recruitment_custom/static/src/images/binshihon-bg.jpeg); border-bottom: none; margin-bottom: 10px; width: 100%; position: relative; background-position: center; background-size: cover;} .top_nav .nav .open > a{background: #476786;} .top_nav.homepagetop .navbar-right li{display: inline-block; float: left; position: static; padding-top: 5px;} .nav.navbar-nav > li > a{color: #fbffff !important; font-size: 18px;} .navbar-nav .open .dropdown-menu.msg_list{width: 300px !important;} .navbar-nav > li > .dropdown-menu{margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; width: 300px !important;} a{color: #fbffff; text-decoration: none; outline: 0;} a:focus, a:hover{color: #fbffff; text-decoration: none;} .top_nav .nav > li > a:hover{background: #dc6965 !important;} .top_nav .nav .open > a:hover{background: #dc6965 !important;} .top_nav .nav .open > a:focus{background: #dc6965 !important;} .nav > li > a:focus, .nav > li > a:hover{text-decoration: none; background-color: #eee;} .toggle.homepagetoggle{float: right; margin: 10px 0px 0px 0px; padding-top: 10px; width: 70px;} .homebg{background: white !important;} .sidebar-footer.homepagesidefooter{bottom: 0; clear: both; padding: 5px 0 0; position: fixed; width: 230px; background: #fff; display: none;} .nav.side-menu.homeicons > li.active > a{text-shadow: rgba(0, 0, 0, 0.25) 0 -1px 0; background: white; box-shadow: none;} .nav-sm ul.nav.child_menu{right: 100%; position: absolute; top: 0; width: 210px; z-index: 4000; background: #135d5e; display: none;} .profile_details .emphasis{padding: 0; margin-left: -15px;} .profile_details .profile_view .ratings{margin-bottom: 0; text-align: left; font-size: 16px; margin-left: 25px;} body .container.body .right_col{background: url(/website_hr_recruitment_custom/static/src/images/binshihon-bg.jpeg); background-position: center; background-repeat: no-repeat; background-size: cover;} .topheader{background: #f9f9f9 url(/website_hr_recruitment_custom/static/src/images/bgR.png) left top repeat; padding: 10px 15px 10px; margin-right: -10px; margin-left: -10px;} .topheader h6{margin-top: 60px; color: #2b8069; font-size: 16px;} .dashboard_graph .col-md-9{padding: 0; display: none;} ul.quick-list li a{color: #2b8069;} .dashboard-widget-content .sidebar-widget{width: 55%; display: inline-block; vertical-align: top; background: #b18f6e; border: none; border-radius: 5px; text-align: center; float: left; padding: 2px; margin-top: 40px;} .profile_achieve h4{font-size: 16px; font-weight: 500; color: #fffffd; background: #2b8069; padding-bottom: 10px; margin-left: -2px; padding-top: 10px; margin-right: -2px; margin-bottom: -3px; border: 1px solid #2b8069;} .progress{overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);} .progress.progress_sm{border-radius: 0; margin-bottom: 5px; height: 10px!important;} .bg-green{background: #00a65a !important; border: 1px solid #00a65a !important; color: #fff;} .fixed_height_320_circle{margin-top: -15px; height: 320px;} .progress_btn1{background: #2b8069 !important; color: white; width: 100%; margin-right: 0px; margin-top: 30px;} p{font-size: 15px; color: black; margin-bottom: 0px;} ul.quick-list{width: 45%; padding-right: 0; display: inline-block; margin-top: 35px;} #txt{margin-top: 15px; text-align: center; font-weight: bold; font-size: 35px; color: #248469; letter-spacing: 5px;} .dropdown_btn{background: #2b8069 !important; color: white; width: 100%; margin-right: 0px;} .x_panel{position: relative; width: 100%; margin-bottom: 10px; padding: 10px 17px; display: inline-block; background: #fff; border-radius: 0.3rem; column-break-inside: avoid; opacity: 1; transition: all 0.2s ease; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);} .piechart_btn{background: #2b8069 !important; color: white; width: auto; margin-right: 50px;} .progress_btn2{background: #2b8069 !important; color: white; width: 100%; margin-right: 0px;} .message_box_height_320{height: 415px; overflow: hidden;} .ps{-ms-touch-action: auto; touch-action: auto; overflow: hidden!important; -ms-overflow-style: none; margin-top: 15px;} .message-box .message-widget{position: relative;} html body .message-box .message-widget a, html body .navbar-dark .mailbox .message-center a{text-align: right;} html body .message-box .message-widget a .user-img, html body .navbar-dark .mailbox .message-center a .user-img{margin: 0 0px 15px 10px;} .message-box .message-widget a .user-img{width: 45px; position: relative; display: inline-block;} .message-box .message-widget a .user-img img{width: 100%;} .img-circle{border-radius: 100%;} .message-box .message-widget a .user-img .online{background: #00c292;} .message-box .message-widget a .user-img .profile-status{border: 2px solid #fff; border-radius: 50%; display: inline-block; height: 10px; left: 33px; position: absolute; top: -1px; width: 10px;} .message-box .message-widget a .mail-contnet h5{margin: 5px 0px 0; color: #5a5a5a;} .message-box .message-widget a .mail-contnet .mail-desc, .message-box .message-widget a .mail-contnet .time{font-size: 12px; display: block; margin: 1px 0; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #cfcfcf; white-space: nowrap;} .message-box .message-widget a .mail-contnet{display: inline-block; width: 70%; vertical-align: middle;} .form-control.dashboard-form1{display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #f3f3f3; background-image: none; border: 1px solid #dedede; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;} .ui-datepicker{background-color: #fff; border: none; font-family: inherit; font-size: inherit; padding: 10px; margin: 1px 0 0; border-radius: 3px; display: none; width: auto !important; z-index: 5 !important;} .ui-datepicker .ui-datepicker-header{display: flex; justify-content: space-between; align-items: center; position: relative; font-weight: 500; font-size: 12px; text-transform: uppercase; color: white !important; padding: 0 0 5px; letter-spacing: 1px; border: 0; background-color: #2b8069; border-top-left-radius: 3px; border-top-right-radius: 3px;} .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev{text-indent: -99999px; color: white; top: 1px;} .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before{font-size: 16px; font-family: 'FontAwesome'; position: absolute; top: 2px; text-indent: 0;} .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before{color: #fff;} .ui-datepicker .ui-datepicker-header .ui-datepicker-next{order: 3;} .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before{right: 5px; content: '\f105';} .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before{left: 5px; content: '\f104';} .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover{color: white !important; cursor: pointer; top: 1px; border: 0; background-color: transparent;} .ui-datepicker .ui-datepicker-title{color: white; margin-top: 5px;} .ui-datepicker .ui-datepicker-calendar{width: 100% !important; margin-right: 0px; background-color: transparent; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; direction: ltr;} .ui-datepicker .ui-datepicker-calendar th{font-size: 13px; font-weight: bold; letter-spacing: 1px; padding: 6px 10px; color: #2b8069;} .ui-datepicker .ui-datepicker-calendar td{border: 1px solid #fff; padding: 0; background-color: #fff; text-align: right;} .ui-datepicker .ui-datepicker-calendar td:last-child{border-right: 0;} .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default{color: #ccc;} .ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a{transition: all 0.2s ease-in-out; padding: 5px; background-color: #fff; color: black; padding: 6px 10px; display: block; font-weight: bold; font-size: 12px; border: 0; border-radius: 1px;} .ui-datepicker .ui-datepicker-calendar td a:hover{background-color: #2b8069; color: white;} .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a{background-color: #2b8069; color: white;} .ui-datepicker-multi .ui-datepicker-group{padding-right: 15px; width: auto; float: left;} .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title{margin: auto;} .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev::before{left: 10px;} .ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next::before{right: 10px;} .ui-datepicker-multi .ui-datepicker-group table{margin: 0;} .ui-datepicker-multi .ui-datepicker-group-last{padding-right: 0;} .ui-datepicker-inline{max-width: 100%; border-color: rgba(0, 0, 0, 0.15);} .fc-datepicker.bd-0 .ui-datepicker{border: 0;} .fc-datepicker-color .ui-datepicker{border: 0;} .fc-datepicker-color .ui-datepicker-title{color: #fff;} .fc-datepicker-color .ui-datepicker-header .ui-datepicker-next, .fc-datepicker-color .ui-datepicker-header .ui-datepicker-prev{color: rgba(255, 255, 255, 0.5);} .fc-datepicker-color .ui-datepicker-header .ui-datepicker-next.ui-state-hover::before, .fc-datepicker-color .ui-datepicker-header .ui-datepicker-prev.ui-state-hover::before{color: #fff;} .fc-datepicker-color .ui-datepicker-calendar th{color: rgba(255, 255, 255, 0.5); font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;} .fc-datepicker-color .ui-datepicker-calendar td{background-color: transparent; border-color: rgba(255, 255, 255, 0.2);} .fc-datepicker-color .ui-datepicker-calendar td:last-child{border-right: 1px solid rgba(255, 255, 255, 0.2);} .fc-datepicker-color .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default{color: rgba(255, 255, 255, 0.5);} .fc-datepicker-color .ui-datepicker-calendar td span, .fc-datepicker-color .ui-datepicker-calendar td a{background-color: transparent; color: #fff;} .fc-datepicker-color .ui-datepicker-calendar td a:hover, .fc-datepicker-color .ui-datepicker-calendar td a:focus{background-color: rgba(0, 0, 0, 0.1); color: #fff;} .fc-datepicker-color .ui-datepicker-calendar .ui-datepicker-today a{background-color: rgba(0, 0, 0, 0.15); color: #fff;} .fc-datepicker-primary .ui-datepicker{background-color: #0866C6;} .fc-datepicker-success .ui-datepicker{background-color: #23BF08;} .fc-datepicker-warning .ui-datepicker{background-color: #F49917;} .fc-datepicker-danger .ui-datepicker{background-color: #DC3545;} .fc-datepicker-info .ui-datepicker{background-color: #17A2B8;} .fc-datepicker-indigo .ui-datepicker{background-color: #6610f2;} .fc-datepicker-purple .ui-datepicker{background-color: #6f42c1;} .fc-datepicker-pink .ui-datepicker{background-color: #e83e8c;} .fc-datepicker-teal .ui-datepicker{background-color: #1CAF9A;} .fc-datepicker-orange .ui-datepicker{background-color: #f27510;} .fc-datepicker-dark .ui-datepicker{background-color: #343a40;} textarea.form-control.dashboard-form2{height: 185px; font-family: JF-Flat; background: #f3f3f3; border: 1px solid #dedede;} .dashboard-form-btn{background: #2b8069 !important; color: white; width: 100%; margin-right: 0px;} .btn.focus, .btn:focus, .btn:hover{color: white; text-decoration: none;} .circle{background: white; border-radius: 200px; color: black; height: 100px; font-weight: bold; width: 100px; display: table; margin: 20px auto; border: 1px solid #a9a9a9; text-align: center;} .circle h5{text-align: center; margin-top: 40px; font-size: 25px;} p.clock-p1{font-size: 13px; color: black; margin-bottom: 5px; text-align: center;} p.clock-p2{font-size: 13px; color: black; margin-bottom: 5px; text-align: center;} p.clock-p3{font-size: 13px; color: black; margin-bottom: 0px; text-align: center;} .clock-btn{background: #2b8069 !important; color: white; width: 100%; margin-top: 15px; margin-right: 0px; font-size: 11px;} .top-search-box{margin-left: 210px; margin-top: 10px;} .search-box{margin-left: 50px; border-radius: 20px;} .c100{position: relative; font-size: 120px; width: 1em; height: 1em; border-radius: 50%; float: left; margin: 0 0.1em 0.1em 0; background-color: #ccc;} .rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice{clip: rect(auto, auto, auto, auto);} .pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill{position: absolute; border: 0.08em solid #f8d57b; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);} .pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .c100{position: relative; font-size: 170px; width: 1em; height: 1em; border-radius: 50%; float: right; margin-top: 30px; margin-right: 0px; background-color: #2b8069;} .nav-sm .c100{position: relative; font-size: 180px; width: 1em; height: 1em; border-radius: 50%; float: right; margin-top: 25px; margin-right: 5px; background-color: #2b8069;} .c100 *, .c100 *:before, .c100 *:after{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .c100.center{float: none; margin: 0 auto;} .c100.big{font-size: 240px;} .c100.small{font-size: 80px;} .c100 > span{position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #2b8069; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out;} .c100:after{position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; border-radius: 50%; background-color: #f5f5f5; width: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in;} .c100 .slice{position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em);} .c100.p25 .bar{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} .c100:hover{cursor: default;} .c100:hover > span{width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #2b8069;} .c100:hover:after{top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em;} .c100.dark{background-color: #777777;} .c100.dark .bar, .c100.dark .fill{border-color: #c6ff00 !important;} .c100.dark > span{color: #777777;} .c100.dark:after{background-color: #666666;} .c100.dark:hover > span{color: #c6ff00;} .c100.green .bar, .c100.green .fill{border-color: #4db53c !important;} .c100.green:hover > span{color: #4db53c;} .c100.green.dark .bar, .c100.green.dark .fill{border-color: #5fd400 !important;} .c100.green.dark:hover > span{color: #5fd400;} .c100.orange .bar, .c100.orange .fill{border-color: #dd9d22 !important;} .c100.orange:hover > span{color: #dd9d22;} .c100.orange.dark .bar, .c100.orange.dark .fill{border-color: #e08833 !important;} .c100.orange.dark:hover > span{color: #e08833;} .nav-sm .logo{width: 100%; margin-top: 15px; margin-right: 0px; margin-bottom: 15px;} .nav-sm .nav.side-menu li.active-sm{border-left: 5px solid rgba(255, 255, 255, 0.15);} .nav-md ul.nav.child_menu li:after{border-right: 1px solid rgba(255, 255, 255, 0.15); bottom: 0; content: ""; right: 27px; position: absolute; top: 0;} .nav-md ul.nav.child_menu li:before{background: rgba(255, 255, 255, 0.15); bottom: auto; content: ""; height: 8px; right: 23px; margin-top: 15px; position: absolute; left: auto; width: 8px; z-index: 1; border-radius: 50%;} .bg-green.menu2{background: #ba9e4a !important; border: 1px solid #ba9e4a !important; color: #fff;} .bg-red.menu4{background: #ba9e4a !important; border: 1px solid #ba9e4a !important; color: #fff;} .card{position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; margin-bottom: 15px;} .border-primary{border-color: #1f1a17 !important;} .card-header{padding: 10px 0px; margin-bottom: 0; background-color: #ccc !important; border-bottom: 1px solid #476786 !important; text-align: center; color: #50545d; font-size: 20px;} .card-body{-webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem;} .card-body ul li{font-size: 16px; margin-bottom: 10px; margin-right: -30px; color: black;} .job-header-right h3{text-align: right; margin-top: 20px;} .job-header-right ul{list-style: none; color: black; margin-top: 10px; margin-right: -40px; font-size: 16px;} .job-header-left .btn-success{background: #843c2f; border: 1px solid #50545d; margin-top: 20px; font-size: 18px;} .job-header-left .btn-success:hover{background: #777777 !important; color: #fff !important; text-decoration: none;} .hr-line1 hr{margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px dashed black;} .hr-line1_td{border-bottom: 1px dashed black;} .job-body{text-align: right; margin-bottom: 20px; min-height: 150px;} .job-body h2{font-size: 23px;} .job-body p{font-size: 17px; color: black; margin-bottom: 0px; text-align: right; min-height: 105px; overflow: hidden;} .info-box.menus{display: block; min-height: 90px; background: #777777; width: 100%; border-radius: 2px; margin-bottom: 15px; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); margin-top: 20px;} .job-box2 ul{text-align: right; color: black; font-size: 15px; min-height: 105px;} .job-box3 ul{text-align: right; color: black; min-height: 165px; font-size: 16px;} .job-box4 ul{text-align: right; color: black; font-size: 16px; min-height: 165px;} .profile_details .profile_view .brief{margin: 0; font-weight: 300; font-family: JF-Flat; font-size: 20px;} .profile_details .profile_view .bottom{background: #2b8069 !important; padding: 9px 0; border-top: 1px solid #2b8069 !important;} .btn-success.contacts{color: #fff; background-color: #8b9aa7 !important; border-color: #8b9aa7 !important;} .btn-primary.contacts{color: #fff; background-color: #ba9e4a !important; border-color: #ba9e4a !important;} label.joblabel{display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; font-size: 17px; float: right;} .hr-line2 hr{margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid #ccc;} .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body.joblist_label{background-color: #2ec181 !important; font-size: 14px; color: #191b1b;} .bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body.joblist_label{background-color: #dd4b39 !important; font-size: 15px;} .bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body.joblist_label{background-color: #ba9e4a !important; font-size: 16px;} .label-primary.joblist_label{background-color: #337ab7; font-size: 14px;} .btn-success.reason{background: #420904 !important; border: 1px solid #051025; color: #fefefe !important; width: 60%;} .btn-success.reason:hover{background: #051025 !important; color: #fff !important; text-decoration: none;} h4.faq-header{font-size: 20px;} .panel-default > .panel-heading + .panel-collapse > .panel-body.faq-body{border-top-color: #ddd; font-size: 15px;} .panel-heading [data-toggle="collapse"]:after{font-family: 'FontAwesome'; content: "\f078"; float: left; color: #2b8069; font-size: 18px; line-height: 22px;} .panel-heading [data-toggle="collapse"].collapsed:after{color: #454444;} .panel-title.faq-title{margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; text-align: right;} .panel-default > .panel-heading{color: #333; background-color: #b5a775d9; border-color: #ddd;} .faq-title a:focus, .faq-title a:hover{color: black; text-decoration: none;} .datepicker{display: table !important; left: 0px ; top: 0px; float: right !important; cursor: pointer;} input[type=file]{display: block; border: 1px solid #ccc;} .btn-primary.job_form_submit{color: #fff; background-color: #2b8069; border-color: #2b8069;} .btn-primary.job_form_submit:hover{color: #fff; background-color: #2b8069; text-decoration: none;} textarea.form-control.introduction{height: auto; font-family: JF-Flat; margin-bottom: 10px;} .btn-success.contact_submit{background: #2b8069; border: 1px solid #2b8069;} textarea.form-control.contact{height: 150px; margin-bottom: 10px;} .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{padding: 8px; line-height: 1.42857143; vertical-align: baseline; border-top: 1px solid #ddd; margin-top: 70px;} .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover{z-index: 2; background-color: #ba9e4a !important; color: white;} .top_search .input-group-btn button{border-radius: 25px 0 0 25px!important; border: 1px solid rgba(221, 226, 232, 0.49); border-right: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); color: #93a2b2; margin-bottom: 0 !important;} .menus .info-box-content{padding: 20px 10px; margin-left: 20px;} .page-title .title_left h3{margin: 9px 0; color: #fff;} .nav li.current-page{background: rgba(255, 255, 255, 0.35);} .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover{z-index: 2; background-color: #476786 !important; color: white;} .main_menu_side{padding: 0;} .btn-primary{color: #FFFFFF; background-color: #802e35 !important; border-color: #50545d !important;} @media only screen and (max-width: 1200px) and (min-width: 991px){.info-box-content{padding: 20px 5px; margin-left: 0px; float: right;}.info-box-number{display: block; font-weight: bold; font-size: 22px; color: #fff; text-align: center; margin-left: 0px;}.info-box-text{text-transform: uppercase; color: #fff; font-size: 18px; text-align: right;}.ui-datepicker .ui-datepicker-calendar{width: 100% !important; margin-right: -15px; background-color: transparent; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; direction: ltr;}.c100{position: relative; font-size: 160px; width: 1em; height: 1em; border-radius: 50%; float: right; margin-top: 20px; margin-right: 0px; background-color: #2b8069;}.nav-sm .c100{position: relative; font-size: 155px; width: 1em; height: 1em; border-radius: 50%; float: right; margin-top: 40px; margin-right: 0px; background-color: #2b8069;}.menus .info-box-content{padding: 20px 5px; margin-left: 0px; float: right;}.menus .info-box-text{text-transform: uppercase; color: #fff; font-size: 20px; text-align: right;}} @media (max-width: 991px){.message-box .message-widget a .mail-contnet{display: block !important; width: 70%; vertical-align: middle;}.message_box_height_320{height: auto; overflow: hidden;}.btn-success.reason{background: #ba9e4a; border: 1px solid #444241; color: #444241; width: 100% !important;}} @media only screen and (max-width: 991px) and (min-width: 767px){.c100{position: relative; font-size: 170px; width: 1em; height: 1em; border-radius: 50%; float: right; margin-top: 30px; margin-right: 55px; background-color: #2b8069;}.menus .info-box-content{padding: 20px 10px; margin-left: 3px; float: right;}} @media (min-width: 991px){.clock_height_320{min-height: 355px; margin-top: -15px;}.timer_height_320{min-height: 170px; margin-top: -15px; margin-right: -15px;}.timer2_height_320{min-height: 170px; margin-top: 0px; margin-right: -15px;}.profile_achieve_height_320{min-height: 355px; margin-top: -15px; margin-right: -30px;}.progress_fixed_height_320{height: 355px; margin-top: -15px; margin-right: -45px; width: -webkit-fill-available;}.circle2_fixed_height_320_circle{margin-top: -15px; height: 320px;}.circle3_fixed_height_320_circle{width: -webkit-fill-available !important; margin-top: -15px; height: 320px; margin-right: -15px;}.message2_box_height_320{height: 415px; overflow: hidden; margin-right: -15px;}.message3_box_height_320{height: 415px; overflow: hidden; margin-right: -30px; width: -webkit-fill-available;}.border-primary{border-color: #1f1a17 !important; min-height: 335px;}} @media only screen and (max-width: 1200px) and (min-width: 767px){.top-search-box{margin-left: 40px; margin-top: 10px;}.topheader{background: #f9f9f9 url(/website_hr_recruitment_custom/static/src/images/bgR.png) left top repeat; padding: 10px 15px 10px; margin-right: 0px; margin-left: 0px;}.nav-sm .info-box-text{text-transform: uppercase; color: #c0e8df; font-size: 8px; text-align: center;}.clock_height_320{min-height: 355px; margin-top: 0px;}.timer_height_320{min-height: 170px; margin-top: 0px; margin-right: 0px;}.timer2_height_320{min-height: 170px; margin-top: 0px; margin-right: 0px;}.profile_achieve_height_320{min-height: 355px; margin-top: 0px; margin-right: 0px;}.progress_fixed_height_320{height: 355px; margin-top: 0px; margin-right: 0px; width: -webkit-fill-available;}.nav-sm .ui-datepicker .ui-datepicker-calendar{margin-right: 0px; background-color: transparent; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; direction: ltr; width: 100% !important;}.message_box_height_320{height: auto; overflow: hidden;}.message-box .message-widget a .user-img{width: 45px; position: relative; display: block;}.message2_box_height_320{height: auto; overflow: hidden; margin-right: 0px;}.message3_box_height_320{height: auto; overflow: hidden; margin-right: 0px; width: -webkit-fill-available;}} @media (max-width: 768px){.topheader{background: #f9f9f9 url(/website_hr_recruitment_custom/static/src/images/bgR.png) left top repeat; padding: 10px 15px 10px; margin-right: 0px; margin-left: 0px;}.profile_achieve h4{font-size: 16px; font-weight: 500; color: #fffffd; background: #2b8069; padding-top: 10px; padding-bottom: 10px; margin-left: -2px; margin-right: -2px; margin-bottom: -3px; border: 1px solid #2b8069;}} @media (max-width: 480px){.homepage{background-image: url(/website_hr_recruitment_custom/static/src/images/forestbridge.jpg); height: 85vh; background-repeat: no-repeat; background-size: cover;}.nav-md .navbar-nav .open .dropdown-menu.search-down{width: calc(100vw - 0px); height: 300px;}.nav-sm .navbar-nav .open .dropdown-menu.search-down{width: calc(100vw - 70px); height: 300px;}.info-box-content{padding: 20px 10px; margin-left: 50px;}.nav-sm .info-box-content{padding: 20px 10px; margin-left: 10px;}.profile_details .emphasis{padding: 0px 0px 0px 12px; margin-left: -15px;}.top_nav .navbar-right{margin: 0; width: auto; float: none !important; position: initial;}.nav.navbar-nav > li > a{color: #fbffff !important; font-size: 12px;}.top_nav .navbar-right li{display: inline-block; float: left; position: static; margin-right: -10px;}.topheader h6{margin-top: 120px; color: #2b8069;}.dropdown_btn{background: #2b8069 !important; color: white; width: 100%; margin-right: 0px;}.progress_fixed_height_320{height: 290px;}.progress.progress_sm{border-radius: 0; margin-bottom: 15px; height: 10px!important;}.progress_btn1{background: #2b8069 !important; color: white; width: 100%; margin-right: 0px; margin-top: 10px;}.ui-datepicker-inline{max-width: 100%; border-color: rgba(0, 0, 0, 0.15);}.ui-datepicker .ui-datepicker-calendar{margin-right: 0px; background-color: transparent; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; direction: ltr; width: 100%;}.ui-datepicker .ui-datepicker-calendar th{font-size: 15px; font-weight: bold; letter-spacing: 1px; padding: 6px 10px; color: #2b8069;}.ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a{transition: all 0.2s ease-in-out; padding: 5px; background-color: #fff; color: black; padding: 6px 10px; display: block; font-weight: bold; font-size: 13px; border: 0; border-radius: 1px;}p.clock-p1{font-size: 16px; color: black; margin-bottom: 5px; text-align: center;}p.clock-p2{font-size: 16px; color: black; margin-bottom: 5px; text-align: center;}p.clock-p3{font-size: 16px; color: black; margin-bottom: 0px; text-align: center;}.top-search-box{margin-left: 5px; margin-top: 10px; margin-bottom: 10px;}.logo{width: 100%; margin-right: 0px; margin-top: 5px; margin-bottom: 20px;}.clock-btn{background: #2b8069 !important; color: white; width: 100%; margin-top: 15px; margin-right: 0px;}.c100{position: relative; font-size: 175px; width: 1em; height: 1em; border-radius: 50%; margin-right: 50px; margin-bottom: 35px; background-color: #2b8069;}.timer_height_320{min-height: 170px; margin-top: 0px; margin-right: 0px;}.timer2_height_320{min-height: 170px; margin-top: 0px; margin-right: 0px;}.profile_achieve_height_320{min-height: 355px; margin-top: 0px; margin-right: 0px;}.progress_fixed_height_320{height: auto; margin-top: 0px; margin-right: 0px; width: -webkit-fill-available;}.fixed_height_320_circle{height: 350px; margin-top: 0px;}.circle2_fixed_height_320_circle{margin-top: 0px; height: auto; margin-right: 0px;}.circle3_fixed_height_320_circle{width: -webkit-fill-available !important; margin-top: 0px; height: auto; margin-right: 0px;}.message2_box_height_320{height: auto; overflow: hidden; margin-right: 0px;}.message3_box_height_320{height: 415px; overflow: hidden; margin-right: 0px; width: -webkit-fill-available;}#date{float: right; margin-right: 15px; margin-top: 15px; color: white; font-size: 18px;}.nav-sm #date{float: right; margin-right: -22px; margin-top: 15px; color: white; font-size: 14px;}.menus .info-box-content{padding: 15px 1px; float: left;}.menus .info-box-text{text-transform: uppercase; color: #c0e8df; font-size: 14px; text-align: center;}.menus .info-box-number{display: block; font-weight: bold; font-size: 18px; color: #fff; text-align: center; margin-left: 30px;}.btn-success.reason{background: #ba9e4a; border: 1px solid #444241; color: #444241; width: 100%;}} @media only screen and (max-width: 1360px) and (min-width: 1200px){.info-box-content{padding: 20px 0px; margin-left: 10px;}.info-box-text{text-transform: uppercase; color: #fff; font-size: 18px; text-align: center;}} .toggle a i{font-size: 26px; color: #fff !important;} .js_change_lang{color: #e7e7e7 !important;} .js_language_selector{padding-right: 15px !important;} .js_language_selector li a{color: #e7e7e7 !important;} /* /website_hr_recruitment_custom/static/src/css/bootstrap-datepicker.css defined in bundle 'website_hr_recruitment_custom.poart_assets_frontend' */ .datepicker{padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; direction: ltr;} .datepicker-inline{width: 220px;} .datepicker-rtl{direction: rtl;} .datepicker-rtl.dropdown-menu{left: auto;} .datepicker-rtl table tr td span{float: right;} .datepicker-dropdown{top: 0; left: 0;} .datepicker-dropdown:before{content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #999; border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute;} .datepicker-dropdown:after{content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute;} .datepicker-dropdown.datepicker-orient-left:before{left: 6px;} .datepicker-dropdown.datepicker-orient-left:after{left: 7px;} .datepicker-dropdown.datepicker-orient-right:before{right: 6px;} .datepicker-dropdown.datepicker-orient-right:after{right: 7px;} .datepicker-dropdown.datepicker-orient-bottom:before{top: -7px;} .datepicker-dropdown.datepicker-orient-bottom:after{top: -6px;} .datepicker-dropdown.datepicker-orient-top:before{bottom: -7px; border-bottom: 0; border-top: 7px solid #999;} .datepicker-dropdown.datepicker-orient-top:after{bottom: -6px; border-bottom: 0; border-top: 6px solid #fff;} .datepicker table{margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .datepicker td, .datepicker th{text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none;} .table-striped .datepicker table tr td, .table-striped .datepicker table tr th{background-color: transparent;} .datepicker table tr td.day:hover, .datepicker table tr td.day.focused{background: #eee; cursor: pointer;} .datepicker table tr td.old, .datepicker table tr td.new{color: #999;} .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{background: none; color: #999; cursor: default;} .datepicker table tr td.highlighted{background: #d9edf7; border-radius: 0;} .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover{background-color: #fde19a; background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: linear-gradient(to bottom, #fdd49a, #fdf59a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); border-color: #fdf59a #fdf59a #fbed50; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #000;} .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled]{background-color: #fdf59a;} .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active{background-color: #fbf069 \9;} .datepicker table tr td.today:hover:hover{color: #000;} .datepicker table tr td.today.active:hover{color: #fff;} .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover{background: #eee; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover{background-color: #f3d17a; background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: linear-gradient(to bottom, #f3c17a, #f3e97a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); border-color: #f3e97a #f3e97a #edde34; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled]{background-color: #f3e97a;} .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active{background-color: #efe24b \9;} .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover{background-color: #9e9e9e; background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080); background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080)); background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080); background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080); background-image: linear-gradient(to bottom, #b3b3b3, #808080); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); border-color: #808080 #808080 #595959; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled]{background-color: #808080;} .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active{background-color: #666666 \9;} .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover{background-color: #006dcc; background-image: -moz-linear-gradient(to bottom, #08c, #0044cc); background-image: -ms-linear-gradient(to bottom, #08c, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc)); background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc); background-image: -o-linear-gradient(to bottom, #08c, #0044cc); background-image: linear-gradient(to bottom, #08c, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled]{background-color: #0044cc;} .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active{background-color: #003399 \9;} .datepicker table tr td span{display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .datepicker table tr td span:hover, .datepicker table tr td span.focused{background: #eee;} .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover{background: none; color: #999; cursor: default;} .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover{background-color: #006dcc; background-image: -moz-linear-gradient(to bottom, #08c, #0044cc); background-image: -ms-linear-gradient(to bottom, #08c, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc)); background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc); background-image: -o-linear-gradient(to bottom, #08c, #0044cc); background-image: linear-gradient(to bottom, #08c, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);} .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled]{background-color: #0044cc;} .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active{background-color: #003399 \9;} .datepicker table tr td span.old, .datepicker table tr td span.new{color: #999;} .datepicker .datepicker-switch{width: 145px;} .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th{cursor: pointer;} .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover{background: #eee;} .datepicker .prev.disabled, .datepicker .next.disabled{visibility: hidden;} .datepicker .cw{font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle;} .input-append.date .add-on, .input-prepend.date .add-on{cursor: pointer;} .input-append.date .add-on i, .input-prepend.date .add-on i{margin-top: 3px;} .input-daterange input{text-align: center;} .input-daterange input:first-child{-webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;} .input-daterange input:last-child{-webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;} .input-daterange .add-on{display: inline-block; width: auto; min-width: 16px; height: 18px; padding: 4px 5px; font-weight: normal; line-height: 18px; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #eee; border: 1px solid #ccc; margin-left: -5px; margin-right: -5px;}