/* /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.0; -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 .6s ease; -o-transition: width .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 .6s ease; -o-transition: height .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: 5/4), (-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: #ffffff;} .bg-red{background: #e74c3c!important; border: 1px solid #e74c3c!important; color: #ffffff;} .bg-blue{background: #3498db!important; border: 1px solid #3498db!important; color: #ffffff;} .bg-orange{background: #f39c12!important; border: 1px solid #f39c12!important; color: #ffffff;} .bg-purple{background: #9b59b6!important; border: 1px solid #9b59b6!important; color: #ffffff;} .bg-blue-sky{background: #50c1cf!important; border: 1px solid #50c1cf!important; color: #ffffff;} .control-label .required, label .required{color: #ff0000;} .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: #ffffff;} .daterangepicker .input-mini{background-color: #eee; border: 1px solid #ccc; box-shadow: none !important;} .daterangepicker .input-mini.active{border: 1px solid #cccccc;} .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: #ffffff;} .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: #999999;} .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: .5px; font-weight: 700; font-size: 11px; margin-bottom: 0; margin-top: 0; text-shadow: 1px 1px #000000;} .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: .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: .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 #aaaaaa;} 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: #ffffff;} a.btn-primary{color: #ffffff;} a.btn-warning{color: #ffffff;} a.btn-danger{color: #ffffff;} 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: #aaaaaa;} .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: #ffffff;} .nav.child_menu li li a.active{color: #ffffff;} .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: #ffffff;} .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: .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: #555555;} #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 #dddddd;} .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: #ffffff;} .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: #ffffff;} .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: #ff0000;} .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: #dddddd;} .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: #ffffff;} .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: #ffffff;} .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: #ffffff;} .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, #ffffff, #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 #ffffff;} .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: #ffffff !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: .9375em; line-height: 1.3; color: #aaaaaa;} .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: #cccccc;} .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: .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 #222222;} .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: #ffffff;} .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 #000000;} .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: #dddddd;} .sideways > li.active > a:hover{border-bottom-color: transparent; border-right-color: #ddd; border-left-color: #dddddd;} .sideways > li.active > a:focus{border-bottom-color: transparent; border-right-color: #ddd; border-left-color: #dddddd;} .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: .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, #ffffff 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, #ffffff 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 #ffffff, 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 #ffffff, 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 #ffffff, 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 #cccccc;} .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{color: #fff; background: #2a3f54; color: #ffffff;} .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: #666666;} .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: #ffffff;} .wizard_verticle ul.wizard_steps li a.done .step_no{background: #1abb9c; color: #ffffff;} .wizard_verticle ul.wizard_steps li a.disabled .step_no{background: #cccccc;} .wizard_verticle ul.wizard_steps li a.selected:before{background: #2a3f54; color: #ffffff;} .wizard_verticle ul.wizard_steps li:hover{display: block; position: relative; opacity: 1; color: #666666;} .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: .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: #cccccc;} .fc-state-active{color: #333; background: #cccccc;} .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: .5em 0; width: 100%; color: #444444;} tfoot input.search_init{color: #999999;} .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: #666666;} .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: #ffffff;} .wizard_horizontal ul.wizard_steps li a.done .step_no{background: #1abb9c; color: #ffffff;} .wizard_horizontal ul.wizard_steps li a.disabled .step_no{background: #cccccc;} .wizard_horizontal ul.wizard_steps li a.selected:before{background: #2a3f54; color: #ffffff;} .wizard_horizontal ul.wizard_steps li:hover{display: block; position: relative; opacity: 1; color: #666666;} .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');} body{color: #73879c; background: #135d5e url(/website_hr_recruitment_custom/static/src/images/left_col_bg.png) left top repeat; font-family: B Yekan, Helvetica Neue, Roboto, Arial, Droid Sans, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.471;} *{font-family: Cocon Next Arabic;} .excerpt{font-family: Droid Arabic Naskh;} .logo{width: 60%; margin-top: 15px; margin-right: 50px; 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 #2b8069;} .bad input{border: 1px solid #ce5454; box-shadow: 0 0 4px -2px #ce5454; position: relative; left: 0; font-family: Droid Arabic Naskh;} textarea.form-control{height: auto; font-family: Droid Arabic Naskh;} .item input{transition: .42s; font-family: Droid Arabic Naskh; 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 #ffffff, 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: Droid Arabic Naskh;} .login_content form input[type="password"]{border-radius: 3px; box-shadow: 0 1px 0 #ffffff, 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: Droid Arabic Naskh;} .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: #ba9e4a !important;} .info-box-content{margin-left: 3px;} .info-box-text{text-transform: uppercase; color: #c0e8df; font-size: 12px; font-weight: bold; text-align: center;} .info-box-number{display: block; font-weight: bold; font-size: 22px; color: #ba9e4a; 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: Cocon Next Arabic;} .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: #2b8069 !important; 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(-147vw); height: 300px;} .nav-sm .navbar-nav .open .dropdown-menu.search-down{width: calc(13vw); 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: .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: #135d5e url(/website_hr_recruitment_custom/static/src/images/left_col_bg.png) left top repeat;} .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: #ba9e4a; border-bottom: 1px solid #463b1a; margin-bottom: 10px; width: 100%; position: relative;} .top_nav .nav .open > a{background: #ba9e4a;} .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: #ba9e4a !important;} .top_nav .nav .open > a:hover{background: #ba9e4a;} .top_nav .nav .open > a:focus{background: #ba9e4a !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: #e4decc;} .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: .3rem; column-break-inside: avoid; opacity: 1; transition: all .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: Droid Arabic Naskh; 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 .1em .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; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: .25rem; margin-bottom: 15px;} .border-primary{border-color: #2b8069!important;} .card-header{padding: 10px 0px; margin-bottom: 0; background-color: #2b8069!important; border-bottom: 1px solid #2b8069!important; text-align: center; color: #e7e7e7; 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: #ba9e4a; border: 1px solid #125859; margin-top: 20px; font-size: 18px;} .job-header-left .btn-success:hover{background: #ba9e4a !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: #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); 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: Cocon Next Arabic; 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: #2b8069 !important; font-size: 14px;} .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: #ba9e4a; border: 1px solid #2b8069; color: #2c5449; width: 60%;} .btn-success.reason:hover{background: #ba9e4a; color: #2c5449 !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: Droid Arabic Naskh; 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{margin-left: 20px;} @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: #ba9e4a; text-align: center; margin-left: 0px;}.info-box-text{text-transform: uppercase; color: #c0e8df; 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: #c0e8df; 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 #2b8069; color: #2c5449; 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: #2b8069!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); height: 300px;}.nav-sm .navbar-nav .open .dropdown-menu.search-down{width: calc(30vw); 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: #ba9e4a; text-align: center; margin-left: 30px;}.btn-success.reason{background: #ba9e4a; border: 1px solid #2b8069; color: #2c5449; 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: #c0e8df; font-size: 18px; text-align: center;}}