/*** bootstrap rtl**/
html{direction:rtl}body{direction:rtl}.navbar-right{float:left !important;}.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}}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:right}}.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-right:1px solid #ccc;border-left:0}.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:1px solid #ccc;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}.navbar-nav.navbar-right.flip{float:left!important}.navbar-nav.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}.alert-dismissable,.alert-dismissible{padding-left:35px;padding-right:15px}.alert-dismissable .close,.alert-dismissible .close{right:0;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-list{padding-right:0;padding-left:initial;list-style:none}.list-group{padding-right:0;padding-left:initial}.list-group-item > .badge{float:left}.list-group-item > .badge + .badge{margin-right:5px;margin-left:auto}.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 .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-circle-arrow-left{left:50%;right:auto;margin-right:-10px}.carousel-control .icon-next,.carousel-control .glyphicon-circle-arrow-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-circle-arrow-left,.carousel-control .icon-prev{margin-left:0;margin-right:-15px}.carousel-control .glyphicon-circle-arrow-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}
/*******/

*,:focus{outline:0}
.fa-caret-left:before {content: "\f0da" !important;}
.fa-caret-right:before { content: "\f0d9" !important;}
.directionAr{position: relative;}
.directionAr span{float:right; }
h4 { font-size: 17px;}
.pull-right{float: left !important;}
.pull-left{float: right !important;}
h1,h2,h3,h4,h5,h6{color:#414142!important}
body{font-family:'STCForward-Regular' !important;font-size:13px;background:#f3f3f1;margin:0;overflow-x:hidden;padding-top:60px !important;}
.main-container{min-height:600px;position:relative;z-index:0}
.navbar-brand>img{display:inline-block;margin:2px 0px}
input[type="text"],input[type="password"],input[type="file"],input[type="submit"],input[type="button"],input[type="reset"],select,textarea,.textarea,button,.aui-field-input-text{background-image:none;font-family: inherit !important;padding:5px; }
.text-stc{color:#4f008c}
.m1{margin-top:1px}
.m2{margin-top:2px}
.m3{margin-top:3px}
.m4{margin-top:4px}
.m5{margin-top:5px}
.m6{margin-top:6px}
.m7{margin-top:7px}
.m8{margin-top:8px}
.m9{margin-top:9px}
.m10{margin-top:10px}
.mt20{margin-top:20px}
.p0{padding:0}
.p1{padding:1px;box-sizing:border-box}
.p2{padding:2px;box-sizing:border-box}
.p3{padding:3px;box-sizing:border-box}
.p4{padding:4px;box-sizing:border-box}
.p5{padding:5px;box-sizing:border-box}
.p6{padding:6px;box-sizing:border-box}
.p7{padding:7px !important;box-sizing:border-box}
.p8{padding:8px;box-sizing:border-box}
.p9{padding:9px;box-sizing:border-box}
.p10{padding:10px;box-sizing:border-box}
.text.center{text-align: center} 
a:link , a:hover, a:active {color: #007bff;   text-decoration: none;}
button{text-shadow: none !important}
:root {
  --darkish-pink: #ff375e;
  --coral: #ff375e;
  --orangey-red: #ff6a39;
  /* Defined as RGB, in order to be use rgba() Function when adding opacity percentage*/
  --very-light-grey-rgb: 243,243,243;
  --darkish-pink-rgb: 218, 63, 123;
  --very-light-grey: #E9E9E9;
  --light-grey: #8E9AA0;
  --charcoal-grey: #414142;
  --brown-grey: #888888;
  --warm-purple: #4f008c;
  --very-light-pink: #e98cb026;
  --clear-blue: #1B8BD8;
 --dim-green: #5cb85c;
 --black-rgb: 0 0 0;
 --baby-pink:#E98CB0;
 --blackText:#1D252D; 
}

.border0{border:0!important}
.primary-btn , .primary-btn:hover{border:1px solid #ff375e !important;text-shadow:none !important;background:#ff375e !important;background-image:none!important !important;font-family: inherit !important;}
.block{display:block}
.pSideZero{padding-left:0;padding-right:0}
.text-dark{color:#333}
.text-red{color:#ff375e!important;border-color:#ff375e}
.text-red:hover{color:#e32f22!important;border-color:#e32f22}
.text-green{color:#5cb85c!important;border-color:#5cb85c}
.text-green:hover{color:#3bac3b!important;border-color:#3bac3b}
.text-yellow{color:#efac2a!important;border-color:#efac2a}
.text-yellow:hover{color:#e1a021!important;border-color:#e1a021}
.text-blue{color:#1691f9!important;border-color:#1691f9}
.text-blue:hover{color:#0c80e3!important;border-color:#0c80e3}
.text-grey{color:#9e9e9e!important;border-color:#9e9e9e}
.text-grey:hover{color:#989898!important;border-color:#989898}
.text-grey{color:#9e9e9e!important;border-color:#9e9e9e}
.text-grey:hover{color:#989898!important;border-color:#989898}
.text-stc{color:#834a91!important;border-color:#834a91}
.mH300{min-height:300px}
#banner{height: 0}

.navbar{background: #fff !important;border-radius:0px !important;border:0px !important;height:60px;position: fixed !important; width: 100% !important;  top: 0 !important; z-index: 800 !important; margin:0 !important;}
.navbar .container-fluid{padding:0 15px 0 0;} 
.navbar-brand{padding:16px 5px 0 0px}
.apps{ color:#fff;font-size:21px;display:inline-block;width:40px;height: 60px; padding: 17px 10px 0;cursor: pointer;}
.captalize{text-transform: uppercase}

.hubTopSearh{display: flex !important}
.hubTopSearh button{ padding:0 10px;background: #fafafa;border:0px;font-size: 21px;color:#414142;height:60px; }
.flipIcon{}
  
.hubTopSearh input{background:#fafafa !important;color:#414142 !important;border:0px !important;height:60px !important;min-width:357px;border-radius: 0px !important;font-family:'STCForward-Regular' !important;padding:5px !important;font-size:13px !important;font-weight: 400 !important}
.hubTopSearh #filter:before{content: "\e991";font-family: 'Stc-Icons-Font' !important;position: absolute;color:#8e9aa0 !important; left:12px;font-size:19px;top:16px}

.hubTopSearh input:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px rgb(166, 147, 181) !important;border:1px solid #f3f3f3 !important}
html[dir='rtl'] .hubTopSearh #filter:before{transform: rotate(0deg);left:12px;right:auto;font-size:19px;top:16px}
.hubTopSearh input::placeholder {color:#484849;}
.hubTopSearh .input-group.search{padding:0px;width: auto !important}
.hubTopSearh #search-btn{background-color: #fafafa; color: #484849 !important;font-size:19px;border-radius: 0px;}
.hubTopSearh #search-btn i{color: #484849 !important}
.hubTopSearh #search-btn i.fa-search:before{content: "\e991";font-family: 'Stc-Icons-Font' !important;color: #8e9aa0 !important}


.hubTopSearh #globalSerachresult .ui-autocomplete.ui-menu.ui-widget {
	width: 400px !important;left: 0px !important; height: auto !important;
	-webkit-box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.1);
}
.hubTopSearh #globalSerachresult .ui-menu .ui-menu-item{padding: 5px 8px;}
#globalSerachresult .ui-menu-item .col-md-2{padding-left:0}
#globalSerachresult .ui-menu-item .col-md-10{padding-right:0}

#appsIcons{width: 300px;background: #fff;padding-bottom:5px}
#appsIcons a{width:69px;height:60px;float: left;margin:2px 0;padding:2px;display: flex;justify-content: center; align-items: center;border:1px solid #fff;border-radius:2px;transition: all 0.5s ease-in-out;}
#appsIcons a:hover{border:1px solid #e4e4e4;background: rgba(79,0,140,0.1);border-radius:2px}
#appsIcons a img{max-width: 100%;max-height: 100%;width: auto;display: block;margin:0}

#appsIcons a label{padding: 2px 5px;margin:0;font-size:11px;color:var(--charcoal-grey);display: none}
#appsIcons .portlet-content{padding:0px}
.dropdown.show .title.portlet-topper , .dropdown.open .title.portlet-topper{display: none}
.universalInbox .navbar{z-index: 1 !important}

.lang .portlet-borderless-container { min-height: 0.5em;}
.infoBar li{border-left:1px solid #f3f3f3;position: relative;display:flex !important;height: 60px;}
.infoBar li > a > span[class^="stcIcon"] , .infoBar li > a > .fa{font-size:25px;display:block;color:#8e9aa0;}
.infoBar li > a > span.stcIcon-email-icon{font-size:25px;}
.infoBar li > a > .count{position: absolute;background:#ff375e;color:#fff;border-radius:50%;width: 13px;height: 13px;font-size: 10px;line-height: 15px;text-align: center; border: 2px solid #fff;margin-top: -4px;z-index: 10;left: 33%;display: none}
.infoBar li > a {font-size:12px;padding: 17px 22px 0px !important;}
.infoBar li > a:focus, .infoBar li >a:hover {text-decoration: none; background-color: #eee !important;}

.infoBar li > a.profileContainer{padding:13px 15px !important;display: flex !important;font-family:'STCForward-Regular';}
.profileContainer .fa{font-size: 17px !important;font-weight: 700;padding: 8px 9px 8px 5px;}
.profileMenuContainer .firstName{padding: 5px; text-align: center; font-weight: 700;color:var(--blackText);font-size:15px !important;font-family:'STCForward-Regular';}

.profileContainer{padding:13px 15px !important;display: flex !important}
.profileContainer .fa{font-size: 17px !important;font-weight: 700;padding: 8px 5px 8px 9px;}
.profileMenuContainer .firstName{padding: 5px 5px; text-align: center;  font-weight: 700;color:var(--blackText);font-size:15px !important}


.mainLinks{padding:0}
.mainLinks li a{font-size: 16px; padding: 20px 15px; color: #414142;}
.mainLinks li.active{padding-left:40px;}
.mainLinks li.active a{color:#4f008c;font-size:20px;}

.box{-webkit-box-shadow: 0px 0px 3px 3px rgba(156,156,156,0.4);
  -moz-box-shadow: 0px 0px 3px 3px rgba(156,156,156,0.4);
  box-shadow: 0px 0px 3px 3px rgba(156,156,156,0.4);
}
.details.box{padding: 10px 15px  !important;}

.inboxMenu{width:300px;padding:10px 15px;}
.inboxMenu:before {content:"\f0d8";font-family: 'FontAwesome';color: #4e008b; position: absolute;left:10%;top: -18px;font-size: 18px;}
.dropdown-menu.inboxMenu { border-top: 3px solid #4e008b !important;position: absolute !important;  width: 300px;  text-transform:capitalize !important;overflow: inherit !important;padding:10px 10px 0;font-family:'STCForward-Regular';max-height: fit-content !important}
.inboxMenu .inboxItem{font-size:12px;font-family: 'STCForward-Regular';border-bottom:1px solid #c3c3c1;border-bottom:1px solid #f3f3f3 !important;border-right:0px !important;padding:5px;
  margin-right: -10px;
  margin-left: -10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.inboxMenu .inboxItem a{padding: 0px !important;color:#007bff !important;font-family: 'STCForward-Regular' !important;font-size: 12px}
.inboxMenu .inboxItem .actionSender{color:#888888;font-weight:700;display:inline-block;padding:0 5px;font-size: 12px;}
.inboxMenu .inboxItem .type{font-size: 12px;float:right;font-weight:700;}
.inboxMenu .inboxItem div{padding-right: 10px;  padding-left: 10px;}
.inboxMenu .inboxItem .caption{  margin-top: 4px;}
.inboxMenu .inboxItem span{font-family: 'STCForward-Regular' !important;font-size: 11px}
.caption .txt-stc-purple{color:#4f008c;font-size:12px;font-weight:700;}
.inboxMenu .inboxItem .timeDate{font-size: 11px;color:var(--brown-grey);display: block;padding-left:0;font-family: 'STCForward-Regular' !important;font-size: 11px}
.inboxMenu .inboxItem:hover { background-color: #F4EFF5;  cursor: pointer;}

.show-more a{font-family: 'STCForward-Regular' !important;font-size: 12px;color:#007bff !important}
.mH70{min-height:50px;margin-top:10px}
.stc-have-team{  border: 1px solid #ff375e !important;  box-shadow: inset 0px 0px 9px 0px #ffd0e2;}

.msg_dropdown{margin:5px 2px 10px}
.stc-emp-panel.contractorItem { min-height: 166px !important;}

.img-profile {height: 35px; width: 35px;  border-radius: 50%;  border: 1px solid #ddd;}
.dropdown-menu.profileMenu  { border-top: 3px solid #4e008b !important; position:absolute !important;  width: 145px;  text-transform:capitalize !important;overflow: inherit !important;padding:10px;font-family:'STCForward-Regular';max-height: fit-content !important}
.profileMenu .employeeName{color:#4e008b;font-size:17px;font-family:'STCForward-Regular';white-space: normal}
.profileMenu:before {content:"\f0d8";font-family: 'FontAwesome';color: #4e008b; position: absolute;left:10%;top: -18px;font-size: 18px;}
.profileMenu li{ list-style: none;border:0px;height: auto;}
.profileMenu li a{ font-size:14px !important; padding: 7px 5px !important;width: 100%; font-family: 'STCForward-Regular';}
.userEmail{text-transform:lowercase !important;font-size:13px }
.profileMenu span.icon{font-size:20px !important;vertical-align:middle;padding:0 0px 0 6px;color:#1d252d !important;display: inline-block;margin-top: -6px;}
a.logout , a.logout span.icon{color: #ff375e !important;}

.profileMenu li.divider{margin:5px 0 !important;}
.profileMenu li a.lang img{display: none}
.profileMenu li.lang .portlet-body{height: 34px;}
.profileMenu li a.lang{background: url(../../General/images/en_US.png) 100% 6px no-repeat !important;width:140px !important;display: inline-block !important;height: 34px !important;}
.profileMenu li a.lang:hover{background-color: #eee !important;}
#overlay{ right:0;top:60px; display:none ; position:fixed;width:100vw;height:100vh;background:rgba(0,0,0,0.4);z-index:100; transition:all .5s ease-in-out}
a[data-toggle="collapse"]{position:relative}
.mt50{margin-top:50px}
  
.inputBtn .aui-button-input-submit {
      background-color: #fff;
      padding: 13px 30px 13px 30px;
      color: #000;
      border: none;
      font-size: 20px;
      transition: background-color 0.5s ease;
  }

     .inputBtn .aui-button-input-submit:hover {background-color: #d0aad4;}
     header {background-color: #fff; padding: 0;}
    .ui-autocomplete .ui-menu-item{margin: 1px;border-bottom: 1px solid #e5e5e5;color: #585858;}
    .ui-autocomplete .ui-menu-item.ui-state-focus{background: #ff375e;color: #fff;}
    .ui-autocomplete .ui-menu-item.ui-state-focus:last-child{border-bottom: none;}
    .ui-autocomplete {border-color:#e1e1e1;border-radius: 5px;}
    
/*********/

    .m10{margin: 0 3px;width: 20px;text-align: center;display: inline-block;} 
    .directionAr{position: relative;}
      html[dir='rtl'] .directionAr span{float:right; }
      html[dir='rtl'] .fa-caret-right:before {content: "\f0d9";}
      html[dir='rtl'] .fa-caret-left:before {content: "\f0da";} 
      
 .hideTrik{background: rgba(255,255,255,0.5); position: absolute; width: 100%; height: 23px; z-index: 5;display: none;}
  
/******* new theme *********/ 
.h100{height: 100%;}
.pt50{padding-top: 50px;}

.mainAppLogo{width:65px;height:28px;}
.logoSP{ width: 2px; background: #dde0e2;height: 31px;  display: inline-block;margin: 0 5px;}

.appList{background: #4f008c;position: fixed;height:100vh;width:50px;transition:all .3s;z-index:99;top:60px}
.appList.active{width:180px;color:#fff;transition:all .3s;box-shadow:3px 3px 3px rgba(0,0,0,0.2);}
.appListActive{width:50px;white-space:nowrap;overflow:hidden;transition:all .3s;}
.appListActive ul{margin: 0}
.appList.active .appListActive{width:180px;transition:all .3s;}
.appList.active .appListActive .tooltip{visibility:hidden !important;display: none;}

.appListActive li{margin: 0!important;flex-direction: row;border-right:3px solid #4f008c;height: 40px;padding: 0px !important}
.appListActive .list-unstyled li:hover , .appListActive .list-unstyled li.active {border-right:3px solid #ff375e;background: #3b0f66}
.appListActive li a{color:#fff;text-decoration: none;padding:9px 0;display: flex}
 
.appListActive .appLabel{color:#fff;font-size: 15px ; vertical-align:middle;font-family: 'STCForward-Regular' !important;}
.appIcon{width: 20px;height:20px;display: inline-block;margin:0 11px 0 19px;vertical-align: middle;}
.appListActive img{width: 20px;height:20px;}

.logout, .logout:visited{background: none !important} 
.tooltip.right .tooltip-inner{
  max-width:310px;
  padding:3px 10px !important;
  color:#fff;
  text-align:center;
  background-color:#000;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  font-size:14px !important; 
}
.bottomApps{position: absolute;bottom:55px;width:100%}
.stcLogo{width:27px !important;height:13px !important;margin:0px 8px 10px}
 ul.bottomApps li:last-child{border-color:#4f008c !important}
.tiny-btn{padding: 5px 13px !important;} 
.profileImg.homeProfileImage .circleStatus, .profileImg .circleStatus{z-index: 99 !important;}


/**********************/


.loading{background:#fff;height:150px;display:none;width:100%; text-align:center;margin-top:100px}
.loader { border: 10px solid #4f008c; /* Light color */
 		    border-top: 10px solid #4f008c; /* dark Color */
		    border-radius: 50%;   width: 80px; height: 80px;  animation: spin 1.2s linear infinite; margin:120px auto;
	}
.loadingsmall{ width:100%; text-align:center;margin-top:71px}
.loadersmall { border: 10px solid #4f008c; /* Light color */
 		    border-top: 10px solid #4f008c; /* dark Color */
		    border-radius: 50%;   width: 30px; height: 30px;  animation: spin 1.2s linear infinite; margin:120px auto;}	
	

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#loader-wrapper { top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;}
#loader {display: block;position: relative;left: 59%;top: 50%;width: 70px;height: 70px;margin: -75px 0 0 -75px;  
    border-radius: 50%;border: 3px solid transparent;border-top-color: #4f008c;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #4f008c;

        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #4f008c;
		border-right-color: #4f008c;
        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }
    
    #loadersmall {
    display: block;
    position: relative;
    left: 59%;
    top: 50%;
    width: 30px;
    height: 30px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 2px solid transparent;
    border-top-color: #4f008c;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loadersmall:before {
        content: "";
        position: absolute;
        top: 3px;
        right: 3px;
        left: 3px;
        bottom: 3px;
        border-radius: 50%;
        border: 2px solid transparent;
        border-top-color: #4f008c;
        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

 #loadersmall:after {
        content: "";
        position: absolute;
        top: 8px;
        right: 8px;
        left: 8px;
        bottom: 8px;
        border-radius: 50%;
        border: 2px solid transparent;
        border-top-color: #4f008c;
        border-left-color: #4f008c;
        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }
     
    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
   
 /******** My Information *********/ 
 .medSearchLink{margin-top: 10px !important;}
 #profileAccordion{min-height:100px;border-radius:3px;margin:10px 0;padding:0 10px 10px;word-break:break-all;background:#fff;border:none;box-shadow:1px 1px 3px rgba(0,0,0,.1);padding:20px 30px}
.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:4px 0 0;padding:.7em 2em;min-height:0;font-size:14px;border-radius:4px}
.ui-accordion .ui-accordion-header:before{content:"\f0d9";font-family:'fontAwesome';position:absolute;right:7px}  
.ui-accordion .ui-accordion-header.ui-state-active:before{content:"\f0d7";font-family:'fontAwesome';position:absolute;right:5px;top:5px}  
.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{font-weight:400;color:#fff!important;background:#4F008C!important;border:1px solid #4F008C!important;border-radius:4px 4px 0 0!important}
.ui-accordion .ui-widget-content{border:1px solid #7e7783;color:#333}
.ui-widget-content a{color:#333}
.ui-widget-header{border:1px solid #fff;background:#8e9aa0;color:#8d8b8b;font-weight:700}
.ui-widget-header a{color:#8d8b8b}
.template_tbl{background:#f1f0f0;border:solid 1px #dbdbdb}
.template_tbl td{padding:8px}
.template_tbl tr:first-child td{background:#ff375c;color:#fff;padding:8px;font-size:12px;font-weight:700}
.template_tbl tr:nth-child(even){background:#fff}
.bottom_margin{margin-bottom:10px}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #cacaca;background:#f3f3f1;font-weight:400;color:#8d8b8b}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #4F008C;background:#4F008C;font-weight:400!important;color:#fff!important}
.titleMeLeft{float:right;margin:5px;width:45%;border-right:solid 1px #501f6e;padding-right:10px}
   
/*********** myteam **************/
#portlet_myteam_WAR_myteamportlet{font-family:'STCForward-Regular' !important;min-height:100px;border-radius:3px;margin:10px 0;word-break:break-all;background:#fff;border:none;box-shadow:1px 1px 3px rgba(0,0,0,.1);padding:0px 50px 70px;display: inline-block;width: 100%}
#portlet_myteam_WAR_myteamportlet .card{padding:2px 10px;float: right !important;  min-height: 150px;}
#portlet_myteam_WAR_myteamportlet .card , #portlet_myteam_WAR_myteamportlet .card-image img{border: 1px solid #e6e6e2 !important;}
#portlet_myteam_WAR_myteamportlet .card_name{color: #ff375e !important;font-family:'STCForward-Regular' !important;}
#portlet_myteam_WAR_myteamportlet .card_emp_info{color:#4f008c !important;font-family:'STCForward-Regular' !important;margin-top:3px}
#portlet_myteam_WAR_myteamportlet .card_info{margin-top:0px !important;;min-height: 110px;height: auto !important}
#portlet_myteam_WAR_myteamportlet .card_content{margin-top: 25px !important;}
#portlet_myteam_WAR_myteamportlet .card_info div a{float: left}

#portlet_myteam_WAR_myteamportlet ul.mybreadcrumbs li span a:link{font-size: 12px ;color:#ff375e !important;font-family:'STCForward-Regular' !important;font-weight: 400;}
#portlet_myteam_WAR_myteamportlet ul.mybreadcrumbs li:first-child span a{ border:0px;}

#portlet_myteam_WAR_myteamportlet .card_title{font-family:'STCForward-Regular' !important;}
#portlet_myteam_WAR_myteamportlet .plus_icon,#portlet_myteam_WAR_myteamportlet .emp_info_icon{background-image:none; }
#portlet_myteam_WAR_myteamportlet .plus_icon , #portlet_myteam_WAR_myteamportlet .emp_info_icon{background: #fff;border-radius: 50%;width:20px;height:20px}
#portlet_myteam_WAR_myteamportlet .plus_icon:before{content:"\f055";font-family: FontAwesome;color: #00c48c;font-size: 26px;position: absolute;left:0px;top:-6px}
#portlet_myteam_WAR_myteamportlet .emp_info_icon:before{content:"\f05a";font-family: FontAwesome;color: #ff6a39;font-size: 27px;position: absolute;right:-2px;top:-6px}
#portlet_myteam_WAR_myteamportlet .blocks{margin-bottom: 30px}
#portlet_myteam_WAR_myteamportlet .infotable tr td:nth-child(1), #portlet_myteam_WAR_myteamportlet td:nth-child(3){color: #ff375e !important;}
#portlet_myteam_WAR_myteamportlet ul.mybreadcrumbs li:last-child span a{color:#4f008c  !important;font-weight: 700;}
#portlet_myteam_WAR_myteamportlet .portlet-title-text{padding: 27px 10px 00; display: inline-block;}
 
/************************/
.nav .open>a .fa , .nav .open>a  span[class^="stcIcon"] {color:#4f008c}

/************/
@media screen and (max-width: 450px){
  .navbar .container-fluid { padding: 0 0px;}
  .hubTopSearh input{min-width:100px !important;width:100% !important;width: 135px;}
  .infoBar li.hidden-xs{display: none !important}
   ul.infoBar{display: flex; flex-direction: row;}
  .appListbtn , .appListbtn:focus {position: fixed;top: 9px; z-index: 1000; font-size: 20px; border: 1px solid #e4e4e4;border-radius: 5px;right: 9px;  width: 40px; background: #fff;color:#4f008c;}
  .navbar-brand{padding: 13px 62px 0 0px}
  #appsIcons{width:240px;margin-right:-197px}
  #appsIcons a{width: 60px;} 
  .mainAppLogo{margin: 0 15px 0 0;width: 50px} 
  .infoBar li > a{padding:17px 10px 0px !important}
  .appList { display: none;}
  .appList.active{display: block;}
  .hubTopSearh #search-btn i{height: 60px; padding-top: 17px; width: 30px;}
  .service-header .input-group.ml-auto{margin: 0px !important}
   
   #portlet_myteam_WAR_myteamportlet{padding:0px;}
   #portlet_myteam_WAR_myteamportlet .mybread_crumbs{width: 100%}
   #portlet_myteam_WAR_myteamportlet .card {width: 100%;margin-bottom: 10px;padding-bottom: 10px;}
   #profileAccordion .ui-accordion-content{padding:1em;}
   #profileAccordion .titleMeLeft{width: 100%;border:0px;}
   #profileAccordion{padding:20px 15px}
   .dropdown-menu.profileMenu  {background: #fff !important;width:250px !important;margin-right:-184px;}	
	.inboxMenu:before {left: 6%;}
	.profileMenu li a { padding: 3px 0px 4px !important;}
}
   
/*** iPad in landscape ***/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.appList.active , .appList.active .appListActive{width:50px !important}
 .service-header .input-group.ml-auto { margin-right: 235px !important; width: 600px; float: right;}
}