/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 19/01/2017, 12:11:49 PM
    Author     : premraj.tharmarajah
*/

.modal-open .modal {
    margin: 0 auto;
    background: white;
    width: 50%;
    overflow: au;
}
.table>thead>tr>th
{
    vertical-align: middle !important;
}

.table thead th {
    background: transparent;
    color: #b7b7b7;
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9;
}

.font-md{
    margin: 1em 0em .5em 0em;
}

.panel-click > .panel-heading
{
    background-color: #FFA500;
    color: #FFF;
    border-color: #FFA500;
}

.panel-click
{
   border: 1px solid #FFA500; 
}

.panel-click .promote-col-3-heading-icon {
    color: #FFA500;
    padding: 0 9px;
}

.panel-success .promote-col-3-heading-icon {
    color: #8BD733;
    padding: 0 18px;
}

.panel-info .promote-col-3-heading-icon {
    color: #072B52;
    padding: 0 15px;
}

.promote-col-2 {
        min-height: 270px;
        float:left;
        width:100%;
}

.no-margin
{
    margin:0 !important;
}

.margin-top-2
{
        margin-top: 2px;
        margin-bottom: 2px;
}

.margin-top-5
{
        margin-top: 5px;
        margin-bottom: 5px;
}

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

.margin-top-20
{
        margin-top: 20px;
}

.margin-top-30
{
        margin-top: 30px;
}

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

.margin-bottom-10
{
        margin-bottom: 10px;
}
.margin-bottom-20
{
        margin-bottom: 20px;
}


.margin-left-2
{
        margin-left: 2px;
}

.margin-left-5
{
        margin-left: 5px;
}
.margin-left-10
{
        margin-left: 10px;
}

.margin-left-20
{
        margin-left: 20px;
}


.margin-right-2
{
        margin-right: 2px;
}

.margin-right-5
{
        margin-right: 5px;
}
.margin-right-10
{
        margin-right: 10px;
}

.margin-right-20
{
        margin-right: 20px;
}

.no-padding
{
    padding:0 !important;
}


.padding-top-2
{
        padding-top: 2px;
        padding-bottom: 2px;
}

.padding-top-5
{
        padding-top: 5px;
        padding-bottom: 5px;
}

.padding-left-2
{
        padding: 0 0 0 2px;
}

.padding-right-2
{
         padding: 0 2px 0 0;
}

.padding-right-5
{
        padding: 0 5px 0 0;
}

.padding-left-5
{
        padding: 0 0 0 5px;
}

.padding-right-10
{
        padding: 0 10px 0 0;
}

.padding-left-10
{
        padding: 0 0 0 10px;
}

.padding-right-20
{
        padding: 0 20px 0 0;
}


.padding-left-20
{
        padding: 0 0 0 20px;
}
.padding-left-30
{
        padding: 0 0 0 30px;
}

.padding-left-right-5
{
        padding: 0 5px !important;
}

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

.padding-left-right-30
{
        padding: 0 30px;
}

.block-white {
    background: #fff !important;
    color: #808080;
}

.block-green {
    background: #8BD733 !important;
}

.block-lightgray {
    background: #DADADA !important;
}
.block-darkgray {
    background: #666666 !important;
}
.block-gray {
    background: #E8E8E8 !important;
}

.block-darkblue {
    background: #072B52 !important;
}

.block-blue {
    background: #9DCAEF !important;
}

.block-lightblue {
    background: #ECF3F8 !important;
    color: #535154 !important;
}


.block-skyblue {
    background: #1B9FFE !important;
}

.block-bright-orange{
        background: #ff8c00;
        background-image: -webkit-linear-gradient(top, #ff8c00, #b80000);
        background-image: -moz-linear-gradient(top, #ff8c00, #b80000);
        background-image: -ms-linear-gradient(top, #ff8c00, #b80000);
        background-image: -o-linear-gradient(top, #ff8c00, #b80000);
        background-image: linear-gradient(to bottom, #ff8c00, #b80000);
        -webkit-border-radius: 10;
        -moz-border-radius: 10;
        border-radius: 10px;
        text-shadow: 1px 1px 3px #666666;
        -webkit-box-shadow: 0px 1px 3px #666666;
        -moz-box-shadow: 0px 1px 3px #666666;
        box-shadow: 0px 1px 3px #666666;
        font-family: Arial;
        color: #ffffff;
        font-size: 20px;
        padding: 10px 20px 10px 20px;
        text-decoration: none;
}

.block-lavender{
        background: #CFBFFF !important;
}


.block-orange {
        background: #ff8c00 !important;
        color: #FFF;
}

.block-darkorange {
        background: #F14000 !important;
        color: #FFF;
}

.block-darkgreen {
        background: #3E8307 !important;
        color: #FFF;
}

.block-lightgray {
        background: #F0F0F0 !important;
        color: #000;
}

.border-left-gray
{
        border-left:1px solid #F0F0F0;  
}
.border-right-gray
{
        border-right:1px solid #F0F0F0;  
}

.border-green {
        border:2px solid #8BD733;
}


.border-darkblue {
        border:2px solid #072B52;
}

.border-blue {
        border:2px solid #1B9FFE;
}
.border-gray {
        border:2px solid #F0F0F0;
}


.border-orange {
    border:2px solid #ff8c00;
}

.border-darkorange {
    border:2px solid #F14000;
}

.border-darkgreen {
    border:2px solid #3E8307;
}

.block-h1-white, .block-h1-green, .block-h1-blue, .block-h1-darkblue, .block-h1-orange, .block-h1-darkorange, .block-h1-darkgreen, .block-h1-gray, .block-h1-ligthgray, .block-h1-darkgray {
    font-size: 40pt;
    margin: 5px;
}

.block-h2-white, .block-h2-green, .block-h2-blue, .block-h2-darkblue, .block-h2-orange, .block-h2-darkorange, .block-h2-darkgreen, .block-h2-gray, .block-h2-darkgray, .block-h2-lightgray  {
    font-size: 20pt;
}
.block-h3-white, .block-h3-green, .block-h3-blue, .block-h3-darkblue, .block-h3-orange, .block-h3-darkorange, .block-h3-darkgreen, .block-h3-gray, .block-h3-darkgray, .block-h3-lightgray {
    font-size: 16pt;
    margin: 5px;
}

.block-h4-white, .block-h4-green, .block-h4-blue, .block-h4-darkblue, .block-h4-orange, .block-h4-darkorange, .block-h4-darkgreen, .block-h4-gray, .block-h4-lightgray, .block-h4-darkgray {
    font-size: 14pt;
    margin: 5px;
}

.block-h5-white, .block-h5-green, .block-h5-blue, .block-h5-darkblue, .block-h5-orange, .block-h5-darkorange, .block-h5-darkgreen, .block-h5-gray, .block-h5-lightgray,  .block-h5-darkgray {
    font-size: 12pt;
}


.block-h1-white-left, .block-h1-green-left, .block-h1-blue-left-left, .block-h1-darkblue-left, .block-h1-orange-left, .block-h1-darkorange-left, .block-h1-darkgreen-left, .block-h1-gray-left, .block-h1-darkgray-left {
    font-size: 40pt;
}

.block-h2-white-left, .block-h2-green-left, .block-h2-blue-left, .block-h2-darkblue-left, .block-h2-orange-left, .block-h2-darkorange-left, .block-h2-darkgreen-left, .block-h2-gray-left, .block-h2-darkgray-left  {
    font-size: 20pt;
}
.block-h3-white-left, .block-h3-green-left, .block-h3-blue-left, .block-h3-darkblue-left, .block-h3-orange-left, .block-h3-darkorange-left, .block-h3-darkgreen-left, .block-h3-gray-left, .block-h3-darkgray-left {
    font-size: 16pt;
    margin: 5px;
}

.block-h4-white-left, .block-h4-green-left, .block-h4-blue-left, .block-h4-darkblue-left, .block-h4-orange-left, .block-h4-darkorange-left, .block-h4-darkgreen-left, .block-h4-gray-left, .block-h4-darkgray-left {
    font-size: 14pt;
    margin: 5px;

}

.block-h5-white-left, .block-h5-green-left, .block-h5-blue-left, .block-h5-darkblue-left, .block-h5-orange-left, .block-h5-darkorange-left, .block-h5-darkgreen-left, .block-h5-gray-left, .block-h5-darkgray-left {
    font-size: 12pt;
    margin: 5px;
}

.size-11
{
    font-size: 11pt;
}
.size-12
{
    font-size: 12pt;
}
.size-14
{
    font-size: 14pt;
}
.size-16
{
    font-size: 16pt;
}

.bold
{
       font-weight: bold;
}

.bold-400
{
        font-weight: 400;
}
.block-span-gray, .block-h1-gray, .block-h2-gray, .block-h3-gray, .block-h4-gray, .block-h5-gray, .block-p-gray
{
    color: #808080;
}

.block-span-lightgray, .block-h1-lightgray, .block-h2-lightgray, .block-h3-lightgray, .block-h4-lightgray, .block-h5-lightgray, .block-p-lightgray
{
    color: #DFDFDF;
}

.block-span-white, .block-h1-white, .block-h2-white, .block-h3-white, .block-h4-white, .block-h5-white, .block-p-white
{
    color: #fff;
}


.block-span-green, .block-h1-green, .block-h2-green, .block-h3-green, .block-h4-green, .block-h5-green, .block-p-green
{
    color: #8BD733;
}


.block-span-blue, .block-h1-blue, .block-h2-blue, .block-h3-blue, .block-h4-blue, .block-h5-blue, .block-p-blue
{
    color: #1B9FFE;
}


.block-span-darkblue, .block-h1-darkblue, .block-h2-darkblue, .block-h3-darkblue, .block-h4-darkblue, .block-h5-darkblue, .block-p-darkblue
{
    color: #072B52;
}


.block-span-orange, .block-h1-orange, .block-h2-orange, .block-h3-orange, .block-h4-orange, .block-h5-orange, .block-p-orange
{
    color: #ff8c00;
}


.block-span-darkorange, .block-h1-darkorange, .block-h2-darkorange, .block-h3-darkorange, .block-h4-darkorange, .block-h5-darkorange, .block-p-darkorange
{
    color: #F14000;
}

.block-span-darkgreen, .block-h1-darkgreen, .block-h2-darkgreen, .block-h3-darkgreen, .block-h4-darkgreen, .block-h5-darkgreen, .block-p-darkgreen
{
    color: #3E8307;
}


.block-span-darkgray, .block-h1-darkgray, .block-h2-darkgray, .block-h3-darkgray, .block-h4-darkgray, .block-h5-darkgray, .block-p-darkgray
{
    color: #414141;
}

.block-span-normal, .block-p-normal
{
    font-size:10pt;
}

.block-span-bold , .block-p-bold
{
    font-size:10pt;
    font-weight:bold
}

.text-center-bold
{
    float: left;
    text-align: center;
    width: 100%;
    font-weight: bold;
}

.text-right-bold
{
    float: left;
    text-align: right;
    width: 100%;
    font-weight: bold;
}

.text-left-bold
{
    float: left;
    text-align: left;
    width: 100%;
    font-weight: bold;
}

.text-center-normal
{
    float: left;
    text-align: center;
    width: 100%;
}

.text-right-normal
{
    float: left;
    text-align: right;
    width: 100%;
}

.text-left-normal
{
    float: left;
    text-align: left;
    width: 100%;
}

.text-align-center
{
    text-align: center;
}
.text-align-left
{
    text-align: left;
}
.text-align-right
{
    text-align: right;
}

.text-align-center-bold
{
    text-align: center;
    font-weight: bold;
}
.text-align-left-bold
{
    text-align: left;
    font-weight: bold;
}
.text-align-right-bold
{
        text-align: right;
        font-weight: bold;
}

.center {
        text-align: center;
}

.textLeft {
        text-align: left;
}


.textRight {
        text-align: right;
}

.border-left
{
   border-left:1px solid #D7D7D7;
}

.border-right
{
    border-right:1px solid #D7D7D7;
}

.border-bottom
{
    border-bottom:1px solid #D7D7D7;
}

.border-top
{
    border-top:1px solid #D7D7D7;
}

.block-top-middle-10
{
    margin: 10% 0;
}
.block-left-middle-10
{
    margin: 0 10%;
}

.block-top-middle-20
{
    margin: 20% 0;
}
.block-left-middle-20
{
    margin: 0 20%;
}

.block-top-middle-25
{
    margin: 25% 0;
}
.block-left-middle-25
{
    margin: 0 25%;
}

.color-vqlightblue {
        color: rgb(27, 153, 247) !important;
}
.color-vqdarkblue {
        color: rgb(10, 21, 35) !important;
}

.color-transparentgray {
        color: rgb(236, 236, 236) !important;
}

.color-lightgray {
        color: rgb(182, 182, 182) !important;
}
.color-gray {
        color: gray !important;
}
.color-darkgray {
        color: rgb(95, 95, 95) !important;
}

.color-black {
        color: rgb(0, 0, 0) !important;
}

.color-purple {
        color: #6e587a !important;
}
.color-lightblue{
        color: rgb(112, 195, 255) !important;
}
.color-blue {
        color: rgb(28, 156, 252) !important;
}
.color-darkblue {
        color: rgb(39, 94, 136) !important;
}

.color-lightyellow{
        color: rgb(255, 253, 114) !important;
}
.color-yellow {
        color:rgb(255, 213, 0) !important;
}
.color-darkyellow {
        color: rgb(219, 167, 0) !important;
}

.color-lightorange{
        color: rgb(255, 171, 41) !important;
}
.color-orange {
        color: rgb(255, 116, 0) !important;
}
.color-darkorange {
        color: rgb(215, 74, 0) !important;
}

.color-white {
        color: rgb(255, 255, 255) !important;
}

.panel-purple {
    border-color: #6e587a;
}

.panel-purple>.panel-heading {
    color: #fff;
    background-color: #6e587a;
    border-color: #6e587a;
}

.panel-cyanblue {
    border-color: #286884;
}

.panel-cyanblue>.panel-heading {
    color: #fff;
    background-color: #286884;
    border-color: #286884;
}

.panel-greenLight {
    border-color: #71843f;
}

.panel-greenLight>.panel-heading {
    color: #fff;
    background-color: #71843f;
    border-color: #71843f;
}

.panel-greenDark {
    border-color: #496949;
}

.panel-greenDark>.panel-heading {
    color: #fff;
    background-color: #496949;
    border-color: #496949;
}

.panel-darken {
    border-color: #333;
}

.panel-darken>.panel-heading {
    color: #fff;
    background-color: #404040;
    border-color: #404040;
}

.panel-pink {
    border-color: #ac5287;
}

.panel-pink>.panel-heading {
    color: #fff;
    background-color: #ac5287;
    border-color: #ac5287;
}

.panel-green {
    border-color: #356e35;
}

.panel-green>.panel-heading {
    color: #fff;
    background-color: #356e35;
    border-color: #356e35;
}

.panel-blueLight {
    border-color: #7CD0D9;
}

.panel-blueLight>.panel-heading {
    color: #fff;
    background-color: #7CD0D9;
    border-color: #7CD0D9;
}

.panel-pinkDark {
    border-color: #a8829f;
}

.panel-pinkDark>.panel-heading {
    color: #fff;
    background-color: #a8829f;
    border-color: #a8829f;
}

.panel-redLight {
    border-color: #a65858;
}

.panel-redLight>.panel-heading {
    color: #fff;
    background-color: #a65858;
    border-color: #a65858;
}

.panel-red {
    border-color: #a90329;
}

.panel-red>.panel-heading {
    color: #fff;
    background-color: #a90329;
    border-color: #a90329;
}

.panel-teal {
    border-color: #568a89;
}

.panel-teal>.panel-heading {
    color: #fff;
    background-color: #568a89;
    border-color: #568a89;
}

.panel-orange {
    border-color: #c79121;
}

.panel-orange>.panel-heading {
    color: #fff;
    background-color: #c79121;
    border-color: #c79121;
}

.panel-blueDark {
    border-color: #4c4f53;
}

.panel-blueDark>.panel-heading {
    color: #fff;
    background-color: #4c4f53;
    border-color: #4c4f53;
}

.panel-magenta {
    border-color: #6e3671;
}

.panel-magenta>.panel-heading {
    color: #fff;
    background-color: #6e3671;
    border-color: #6e3671;
}

.panel-blue {
    border-color: #57889c;
}

.panel-blue>.panel-heading {
    color: #fff;
    background-color: #57889c;
    border-color: #57889c;
}

.panel-footer>.btn-block {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-bottom: none;
    border-left: none;
    border-right: none;
}
.disabled {
   pointer-events: none;
   cursor: default;
   color: #79c2de !important;
}

.enabled {
   color: #fff;
}

.inputBtnPro a {
    width: 150px;
    padding: 9px;
    font-size: 13px;
    background-color: #757575;
    border-color: #757575;
}

.inputBtnPro {
    float: left;
    padding: 10px;
}
#image_error,#im_error
{
    color: #ff0000;
    font-size: 10px;
    margin-left: 19px;
}
.blue_url{
    color:#0000F0;
}
.blue_url:hover{
    color:#0000F0;
    text-decoration: underline;
}
.terms
{
    cursor: pointer;
    font-weight: bold;
}

.terms>label{
    background-color: #ff0000;
}

.tooltipclass{
    font-size: 12px;
    border:1px solid #e74c3c;
}
.ui-tooltip
{
    font-size:10pt;
    font-family:Calibri;
}
.search_fields{
    width: 89%;
    padding: 0;
    padding-left: 4px;
    padding-right: 4px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

}
.search_select{
    width: 101.5% !important;%;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
{
    -webkit-appearance: none;   /* display: none alt can crash on hover */
    margin: 0px;                /* sometimes margin is left for spinner */
}
.im_link
{
    text-decoration: underline;
    font-weight: normal;
}
.listing-info,.listing-info:hover,.listing-info:active{
    background-color: #006CE0;
    border-radius: 5px;
    border: none;
}
.listing-edit,.listing-edit:hover,.listing-edit:active{
    background-color: #5A6268;
    border-radius: 5px;
    border: none;
}
.listing-danger,.listing-danger:hover,.listing-danger:active{
    background-color: #CA2535;
    border-radius: 5px;
    border: none;
}
.bold-font{
    font-weight: bold;
}
.no-padding-important{
    padding-right: 0px !important;
}
.panel-side-links
{
    padding-right: 5%;
}
.status-column
{
    width:43.666667%;
}
.nav-pills-position
{
    padding-left: 15px;
}
.nav-pills-position>li
{
    width: 44.5%;
    text-align: center!important;
    line-height: 1.428571 !important;
    border-radius: 2px !important;
}
.refine-search{
    width: 45%;
    padding-left: 3px;
    padding-right: 3px;
}

.nav-pills-position-left{
    margin-left: 5.5%!important;;
}
.btn-phone{
    background-color: #F0F3F4 !important;
    border: none;
}.btn-phone:hover{
     background-color: #F0F3F4 !important;
     border: none;
 }.btn-phone:active{
      background-color: #F0F3F4 !important;
      border: none;
  }

  .custom-form-padding{
      margin-bottom: 2px !important;
  }

  .line-height{
      line-height: 5px;
  }
   .pagination {
      display: inline-block;
  }

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: white;
    text-decoration: none;
    background-color: #fbac3e !important;
    border: 1px solid white !important;
    font-weight: bold;
}

.pagination > li > a:hover {
    color: white;
}
.pagination > li>.disabled {
       pointer-events: none;
       cursor: default;
       opacity: 0.6;
       color: white !important;
       font-weight: lighter !important;
   }