@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css');
@font-face
 {
 font-family: glyphicons;
 src: url('/apps/scripts/bootstrap/fonts/glyphicons-halflings-regular.woff'), url('/apps/scripts/bootstrap/fonts/glyphicons-halflings-regular.svg'), url('/apps/scripts/bootstrap/fonts/glyphicons-halflings-regular.ttf'),url('/apps/scripts/bootstrap/fonts/glyphicons-halflings-regular.eot');
}

/*For Rating Stars and testimonials page*/
.empty-stars {
    color: #ccc;
}

.empty-stars .fas, .testimonials .fa-star {
    color: orange;
}

body, html, form {
    padding: 0;
    margin: 0;
    width: 100%;
    min-height: 100%;
}

/* ----  Fonts ------ */
.icons,.icon {
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[data-toggle=tooltip] {
    cursor: pointer;
}

img {
    max-width: 100%;
}

.verticalMargin {
    margin-top: 10px;
    margin-bottom: 10px;
}

.verticalMargin > li {
    margin-bottom: 10px;
}

a img {
    border: none;
}

.icon2,.icons2 {
font-family: 'FontAwesome';
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}


p:empty {
    display: none;
}

/* Text spinner styling */

.common-spinner .icons2 {
    cursor: pointer;
    font-size: 18px;
    vertical-align: middle;
}

.common-spinner .icons2:hover {
    color: red;
}

.common-spinner input {
    vertical-align: middle;
    text-align: center;
    width: 60px;
}

.sizelist li {
    vertical-align: top;
}

.ui-dialog {
    border-radius: 10px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}

.ui-dialog h3:first-child {
    margin-top: 0;
}

/* --------- Form Field ---------------*/
.field {
    margin-bottom: 7px;
}

td.labels {
    vertical-align: top;
    padding-right: 10px;
}

/* --------- Nav Bar ---------------
.nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.nav > ul > li {
    float: left;
}

.nav ul ul {
    display: none;
    z-index: 99;
}

.nav li {
    position: relative;
}

.nav > ul > li:hover ul {
    display: inline-block;
    position:absolute;
    top: 100%;
    left: 0;
}*/

/* --------- desktop and tablet ---------------*/
@media all and (min-width: 415px) {

    .field .labels {
        min-width: 125px;
        padding-right: 10px;
        text-align: right;
        vertical-align: top;
        display: inline-block;
    }
    
}

/* --------- desktop only ---------------*/
@media all and (min-width: 1025px) {

}

.field .labels {
    margin-bottom: 5px;
}

.field .textarea {
    width: calc(100% - 145px);
}

.field.fullwidth .labels {
   display: block;
   text-align: left;
}

.field.fullwidth textarea {
    width: 100%;
    overflow: auto;
}

.controlcontainer {
    display: inline-block;
}

.whitesmokeblock {
    background-color: whitesmoke;
    padding: 10px;
    margin: 20px auto;
    border: 1px solid #ccc;
}


address {
    display: inline-block;
}

.field input[type=submit] {
    margin-top: 5px;
    display: inline-block;
}

.field ul {
    list-style-type: none;
    padding: 0;
    margin-top: 0;
    display: inline-block;
}
.field li {
    padding-bottom: 5px;
    margin:0;
}
/* ---------End Form Field ---------------*/

.center {
    text-align: center;
}

.floatright {
    float: right;
    margin-left: 10px;
}

.floatleft {
    float: left;
    margin-right: 10px;
}

.clear {
    clear: both;
}
.common-pagerlinks ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: inline-block;
}

.common-pagerlinks li,.common_pager a {
    display: inline-block;
    margin-right: 5px;
    border: 1px solid #ccc;
}

.common-pagerlinks li:hover,.common-pagerlinks .hilighted {
    background-color: #ccc;
}

.common-pagerlinks li a {
    text-decoration: none;
    color: inherit;
    display: block;
    padding: 3px 5px 3px 5px;
}

a {
    cursor: pointer;
}

.common-actionline {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 5px 10px 5px;
    margin-top: 10px;
}

.common-actionbuttons {
    float: right;
    margin-top: -3px;
}

.arabic .common-actionbuttons {
    float: left;
}

.common-button a,a.common-button {
    color: #fff;
    text-decoration: none;
}


.validators,.validationsummary {
    color: red;
}

.validationsummary {
    border: 1px solid orange;
    background-color: lightgoldenrodyellow;
    padding: 10px;
    position: relative;
    margin: 10px 0;
}

.validationsummary:after {
    content: '';
    font-family: FontAwesome;
    position: absolute;
    top: 10px;
    right: 10px;
}

.common-button {
    border: none;
    border-radius: 3px;
    padding: 5px 20px;
    background-color: #000;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
}

.large {
    font-size: 150%;
}

input.common-button-small {
    border: none;
}

a.common-button-small,div.common-button-small {
    border-style: solid;
    border-width: 1px;
}

.common-button-small {
    border-radius: 3px;
    padding: 3px 10px;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
}

.common-button-small a {
    text-decoration: none;   
}

.common-button.red {
    background-color: red;
    color: #fff;
}

.common-button.red a {
    color: #fff;
}

/* colors */
.icons.red, .icon.red, .icon2.red,.icons2.red {
    opacity: 1;
    text-decoration: none;
    color: red;
}

.red,.red a {
    color: red;
    text-decoration: none;
}

.common-button-small.gray,.common-button-small.gray a {
    color: #000;
}


input[type=submit].secondary,.common-button.secondary {
    background-color: #808080;
    margin-right: 10px;
   color: #fff;
}

/* box div styling */
.box {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}

.box.yellow {
    background-color: #fcf8e3;
    border-color: #fbe2d0;
}

.box.blue {
    background-color: lightblue;
    border-color: lightsteelblue;
}

.box.green {
    background-color: #f4f9bd;
    border-color: #c3da9e;
    color: #406618;
}

.msgbox-gray {
    background: whitesmoke;
    border: 1px solid #ccc;
    padding: 10px;
}

.gray {
    background: whitesmoke;
    border-color: #ccc;
}

.white {
    background-color: #fff;
}

.box.roundcorners {
    border-radius: 5px;
}

/* Message Control /apps/common/controls/msg.ascx */

.msgbox
{
    border: 2px dotted #FF0000;
    background-position: left bottom;
    padding: 10px;
    width: auto;
    background-image: url('/apps/images/msgback.jpg');
    background-repeat: repeat-x;
    margin-bottom: 20px;
}

.msgbox h4
{
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
}
.msgbox div
{
    background-image: url('/apps/images/msg32/OKShield.png');
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 50px;
}
.msgbox .error
{
    background-image: url('/apps/images/msg32/ErrorCircle.png');   
}

.msgbox .info
{
    background-image: url('/apps/images/msg32/InfoBox.png');   
}
/* End Message Control */
.progressbar
{
border: 2px dotted #FF0000;
padding: 10px;
width: auto;
margin-bottom: 20px;
text-align: center;
}
.progressbar img
{
	margin-right: 10px;
	vertical-align: middle;
}

#modal-background {
    background-color: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    z-index: 110;
}

#progress-container {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #000;
    padding: 20px;
    display: inline-block;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 110;
}

.detailsview .labels {
    padding-right: 5px;
}

table.tablepadding {
    border-collapse: collapse;
}

.tablepadding > tr > td,.tablepadding > tbody > tr > td {
    padding: 5px 0;
}

.tablepadding td.labels {
padding-right: 10px;
padding-left: 0px;
}

.arabic .tablepadding td.labels {
padding-left: 10px;
padding-right: 0px;
}

table.striped td {
    border-bottom: 1px solid #ccc;
}

table.striped th {
    border-bottom: 2px solid #ccc;
}

/*--- Detail View ----*/
.common-detailview td {
    padding: 5px;
    vertical-align: top;
}

/* plain gridview */

.plaingridview {
    border: none;
    border-collapse: collapse;
}

.plaingridview th {
border: none;        
}

.plaingridview td {
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 5px;
}

.plaingridview .gridalt {
background-color: #fff;
}

.plaingridview th {
    background-color: #999;
    color: #fff;
    padding: 7px 15px;
    text-align: left;
}

.plaingridview th a {
        color: #fff;
    }

.arabic .plaingridview th {
    text-align: right;
}

.centerme {
    margin: 0 auto;
}


.common-poweredby {
    float: right;
    opacity: 0.6;
}

.common-poweredby a {
    text-decoration: none;
    color: inherit;    
}

ul.checkbox, ul.radio {
    list-style-type: none;
}

table.radio input[type=radio] {
    margin-left: 0px;
}

ul.boxes li {
    border: 1px solid #ccc;
}

ul.reset,ul.list-inlineblock,ul.col-6-desktop,ul.list-boxes {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/*ul.list-inlineblock,ul.list-floatleft,ul.list-bottomborders,ul.list-bullets {   
    display:inline-block;
}*/

ul.list-bullets.arrows:before {
    content: '>';
    margin-right: 5px;
}

ul.list-inlineblock.pipeline li:after {
    content: '|';
    margin-left: 5px;
}

ul.rightborder > li {
    border-right: 1px solid #ccc;
}

ul.rightborder li:last-child {
    border-right: none;
}

ul.list-inlineblock.pipeline li:last-child:after {
    content: none;
}

ul.list-bottomborders > li {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}


ul.list-floatleft > li {
    float: left;
}

ul.list-inlineblock > li {
   display: inline-block;
}

ul.list-inlineblock > li,ul.list-floatleft > li {
    margin-right: 10px;
    margin-bottom: 10px; 
    vertical-align:top;
}

ul.list-inlineblock li:last-child {
    margin-right: 0;
}

ul.list-docs,ul.list-docs ul {
    padding: 0;
}

ul.list-docs ul {
    margin: 10px 0;
}

ul.list-docs li {
    position: relative;
    padding-left: 20px;
    list-style-type: none;
    background-image: none;
}

ul.list-docs li:before {
    content: '';
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 3px;
}

ul.list-boxes {
    background-color: transparent;
}

ul.list-boxes li {
    border: 1px solid #ccc;
    padding: 10px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}

ul.list-boxes.gray li {
    background-color: whitesmoke;
}

ul.list-boxes.roundcorners li {
    border-radius: 5px;
}

.common-breadcrumb {
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 10px;
}

.common-breadcrumb a {
color: inherit;
text-decoration: none;
}

.common-breadcrumb ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.common-breadcrumb li {
    display: inline-block;
    padding: 0;
    margin-right: 10px;
}

    .common-breadcrumb li:after {
    content: '';
    font-family: 'FontAwesome';
    color: #ccc;
    margin-left: 10px;
    }

    .arabic .common-breadcrumb li:after {
    content: '';
    font-family: 'FontAwesome';
    color: #ccc;
    margin-right: 10px;
    }

    .common-breadcrumb li:last-child:after {
    content: none;
    }

.common-memberlogin {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.common-memberlogin li {
    display: inline-block;
    margin-right: 10px;
    margin-left: 0;
    padding-right: 10px;
    position: relative;
    border-right: 1px solid #ccc;
}

/*.common-memberlogin li:after {
content: ':';
position: absolute;
right: 0;
}*/

.common-memberlogin li:last-child:after {
content: none;
}

.common-memberlogin li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

.common-memberlogin .icons2 {
    opacity: 0.5;
}

.cm_featuredimage {
    max-width: 100%;
}


ul.col-6-small {
    list-style-type: none;
    margin: 0;
    padding:0;
}


/* Extra Small devices (desktops, 768px and up) */
@media (max-width: 767px) {
    .mobilepadding {
    padding: 10px;
    }

    .common-hidden-xs {
    display: none;
    }
    
    .stackgridview th {
    display: none;
    }

    .stackgridview td {
        border: none;
        display: block;
    }

    .stackgridview tr {
        border-bottom: 1px solid #ccc;
    }

}

/* Small devices (desktops, 768px and up) */
@media (min-width: 768px) {
     ul.col-6-small li {
        width: 47%;
        margin-right: 3%;
        float: left;
    }
    ul.col-6-small li:nth-child(2n){
        margin-right: 0;
        border-right: none;
    }
    ul.col-6-small:after {
    content: '';
    display: block;
    clear: both;
    }

   .common-hidden-sm {
    display: none;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .common-hidden-md,.common-hidden-lg {
    display: none;
    }
    ul.col-4-md li,ul.col-4-lg li {
        width: 32%;
        margin-right: 1.3%;
    }

    ul.col-4-md li:nth-child(3n), ul.col-4-lg li:nth-child(3n) {
        margin-right: 0;
    }

    .col-2-md,.col-2-lg {
        width: calc(50% - 10px);
    }
    .col-2-md:nth-child(2n),.col-2-lg:nth-child(2n) {
        margin-right: 0px;
    }
    ul.col-3-lg > li,div.col-3-lg  {
        width: calc(33% - 10px);
    }
    ul.col-3-lg {
    list-style-type: none;
    padding: 0;
    }
    .col-3-lg:nth-child(3n) {
        margin-right: 0px;
    }

.floatright-md {
    float: right;
    margin-left: 10px;
}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    ul.col-6-desktop li {
        width: 47%;
        margin-right: 3%;
        float: left;
    }
    ul.col-6-desktop li:nth-child(2n){
        margin-right: 0;
    }
    ul.col-6-desktop:after {
    content: '';
    display: block;
    clear: both;
    }
    .common-hidden-lg {
    display: none;
    } 
}
.cm_content.editable {
    border: 1px solid #ccc !important;
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
    padding-top: .5rem !important;
    height: unset !important;
}