/* here you can put your own css to customize and override the theme */



/* load Arabic Font HelveticaNeue and HelveticaNeue-reg */

@import url(../fonts/ar/font.css);
@import url(newcolors.css);



.padding-right-10{
    padding-right: 10px !important;
}
.padding-right-15{
    padding-right: 15px !important;
}
.padding-right-20{
    padding-right: 20px !important;
}
.padding-right-30{
    padding-right: 30px !important;
}
.padding-right-40{
    padding-right: 40px !important;
}
.padding-right-50{
    padding-right: 50px !important;
}
.padding-left-10{
    padding-left: 10px !important;
}
.padding-left-15{
    padding-left: 15px !important;
}
.padding-left-20{
    padding-left: 20px !important;
}
.padding-left-30{
    padding-left: 30px !important;
}
.padding-left-40{
    padding-left: 40px !important;
}
.padding-left-50{
    padding-left: 50px !important;
}
.padding-top-10{
    padding-top: 10px !important;
}
.padding-top-15{
    padding-top: 15px !important;
}
.padding-top-20{
    padding-top: 20px !important;
}
.padding-top-30{
    padding-top: 30px !important;
}
.padding-top-40{
    padding-top: 40px !important;
}
.padding-top-50{
    padding-top: 50px !important;
}
.padding-bottom-10{
    padding-bottom: 10px !important;
}
.padding-bottom-15{
    padding-bottom: 15px !important;
}
.padding-bottom-20{
    padding-bottom: 20px !important;
}
.padding-bottom-30{
    padding-bottom: 30px !important;
}
.padding-bottom-40{
    padding-bottom: 40px !important;
}
.padding-bottom-50{
    padding-bottom: 50px !important;
}
.margin-right-10{
    margin-right: 10px !important;
}
.margin-right-15{
    margin-right: 15px !important;
}
.margin-right-20{
    margin-right: 20px !important;
}
.margin-right-30{
    margin-right: 30px !important;
}
.margin-right-40{
    margin-right: 40px !important;
}
.margin-right-50{
    margin-right: 50px !important;
}
.margin-left-10{
    margin-left: 10px !important;
}
.margin-left-15{
    margin-left: 15px !important;
}
.margin-left-20{
    margin-left: 20px !important;
}
.margin-left-30{
    margin-left: 30px !important;
}
.margin-left-40{
    margin-left: 40px !important;
}
.margin-left-50{
    margin-left: 50px !important;
}
.margin-top-10{
    margin-top: 10px !important;
}
.margin-top-15{
    margin-top: 15px !important;
}
.margin-top-20{
    margin-top: 20px !important;
}
.margin-top-30{
    margin-top: 30px !important;
}
.margin-top-40{
    margin-top: 40px !important;
}
.margin-top-50{
    margin-top: 50px !important;
}
.margin-bottom-10{
    margin-bottom: 10px !important;
}
.margin-bottom-15{
    margin-bottom: 15px !important;
}
.margin-bottom-20{
    margin-bottom: 20px !important;
}
.margin-bottom-30{
    margin-bottom: 30px !important;
}
.margin-bottom-40{
    margin-bottom: 40px !important;
}
.margin-bottom-50{
    margin-bottom: 50px !important;
}


body{

    font-family: "HelveticaNeue-reg";

}

a{

    text-decoration: none;

}

a:hover{

    text-decoration: none;

}

h1, h2, h3, h4, h5, h6 {

    font-family: "HelveticaNeue-reg";

    font-weight: 300 !important;

}

.page-title {

    font-family: "HelveticaNeue-reg";

    color: #444444;

}

.page-title i{
    font-size: 27px;
}



.header {

    background-color: #464646 !important;

}



.brand{

    font-family: "HelveticaNeue-reg";

    color: #fff;

}

.navbar-brand {

    padding: 0px;

}

.header .navbar-brand {

    padding-right: 5px;

    padding-top: 2px;

}



.my-page-title{

    margin-top:15px;

    /*margin-bottom: 25px;*/

}

.page-title{

    margin-top: 5px;

}





.top-btn{

    height: 40px;

    padding-top: 10px;

}



.cols-filter{

    background: #fff;

    padding: 4px 5px;

    text-decoration: none;

}

.cols-filter:hover{

    text-decoration: none;

}



.green-link{

    font-family: "HelveticaNeue-reg";

    color: #1a7a32;

}




.orange-link{

    color:#444

}

.orange-link:hover{

    color: #fcb322

}



.blood-link{

    color:#444

}

.blood-link:hover{

    color: #e02222

}



.red-link{

    color:#444

}

.red-link:hover{

    color: #ed4e2a

}



.blue-link{

    color: #444

}

.blue-link:hover{

    color: #2a6496

}



table {

    text-align: center;

}



.my-down{

    padding: 10px;



}



/*#sample_2_filter input[type="text"] {

    width: 485px !important;

}*/



ul.page-sidebar-menu > li.active > a {

    background-color: #4b77be !important;

}



div.dataTables_length label {

    float: left;

}



.form-wizard .active .step .number {

    background-color: #fcb322;

    color: #fff;

}

.tab-content h3{

    font-family: "HelveticaNeue-reg";

    color: #0077a1;

}



.flag{

    display: none;

}



.start{

    margin-top: 15px !important;

}

span.badge.badge-danger {
    line-height: 200%;
    padding: 0 5px;
    margin: 0 5px;
}

.details {

    text-align: right;
    padding-right: 8% !important;

}



.table-scrollable > .table > tbody > tr > td{

    white-space: normal;

}



.pricing-head h3 span, .pricing-head h4 span {

    font-style: normal;

}



.prop-det{

    padding-top: 10px;

}

.tabbable-custom .nav-tabs > li.active {

    border-top: 3px solid #4b8df8;

}



.pricing-head h3 {

    font-size: 20px;

    padding: 0px;

}



.sale-summary li .sale-num {

    font-size:14px;

}



/*.portlet > .portlet-title > .caption {

        margin-top: 10px ;

        margin-bottom: 20px;

}*/



#properties .col-md-3{

    margin-bottom: 10px;

}



#hejri{

    text-align: right;

}



.cursor-normal{

    cursor: default;

}



.login .logo{

    color: white;

    padding: 2px;

    font-weight: bold;

}



.page-lock .page-footer {

    text-align: left !important;

}



hr {

    margin-top: 0px;



}

.invoice .invoice-logo {

    margin:0px;

}



.cont-list li{

    padding: 10px 0px;

}



#cont-table th{

    text-align: center;

}



.cont-text{

    padding: 10px 30px;

}



.dashboard-stat .more {

    font-size: 16px;

    padding: 2px 10px 2px 10px;

    font-weight: normal;

    opacity: 1;

}



.dashboard-stat .visual {
    /*
        height: 60px;
    */
    padding-top: 0px;

}

.dashboard-stat .details {

    right:25px;

    left: auto;

}



.dashboard-stat .visual {



    float: left;

    padding-right: auto;

    padding-left: 15px;
    margin-left:-15px;

}



.dashboard-stat .visual i {

    font-size: 100px;

    color: #fff;

}

.last-reps{

    margin-right: 40px;

    float: left

}



#home-buttons .visual{

    height: 55px;

    float: right;

    padding-top: 10px;

    padding-right: 15px;

    margin-bottom: 10px;

}



#home-buttons .details {

    position: absolute;

    left: 15px;

    padding-left: 10px;



}
/**** breadcrumb *****/
.breadcrumb>li {
    white-space: nowrap;
}

/***** footer fix  *****/
.footer-inner{
    width:300px;
}

#home-buttons .details .number{

    font-size: 18px;

    line-height: 40px;

    text-align: center;

}

#home-buttons .visual i {

    font-size: 14px;

    line-height: 47px;

}



#home-buttons .more {

    padding: 5px 10px 5px 10px;

}



.badge {

    font-size: 18px !important; 

    height: 25px;

}

.go-left{

    float: left;

}

#ticket-det{

    margin: 0px 0px 25px 0px;

    border-bottom: 1px solid #eee;

    padding-bottom: 7px;

}

#some-det{

    font-size: 12px;

}

#tick-to{

    font-size: 11px !important;

}

.portlet.box > .portlet-title > .tools {

    display: none !important;

}



.portlet.box > .portlet-title {

    padding: 8px 10px 0px 0px;

}

.portlet > .portlet-title > .caption {

    line-height: 22px;

}



.portlet > .portlet-title > .actions > .btn-group {

    margin-top: -16px;



}

.portlet > .portlet-title > .tools,
.portlet > .portlet-title > .actions
{
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-top: 5px;
    float: left;
}


input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

    /* display: none; <- Crashes Chrome on hover */

    -webkit-appearance: none;

    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */

}



.select2-container .select2-choice {



    line-height: 31px;



}



.errorMessage{

    color: #b94a48;

    background-color: #f2dede;

    border-color: #eed3d7;

}

.pricing {

    height: 347px;}

.pricing-content li:first-child {

    height: 105px;

}

.portlet.box > .portlet-body {
    overflow: hidden;}

.errorMessage {
    margin: 0px;
    text-align: center;
    color: #b94a48;
    padding: 7px 0px;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.uploaded_image{
    margin-top: 20px;
    height: 235px;
    border: 1px #ccc solid;
    padding: 4px;
}

.table-advance thead tr th {
    text-align: center;
}

.navbar-collapse {
    max-height: none;
    height: auto;
}

.btn-fahmy {
    border: 1px solid !important;
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc !important;
}

.btn-fahmy:hover,
.btn-fahmy:focus,
.btn-fahmy:active,
.btn-fahmy.active,
.open .dropdown-toggle.btn-fahmy {
    color: #fff;
    background-color: #4b8df8;
    border-color: #adadad ;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn-fahmy:active,
.btn-fahmy.active,
.open .dropdown-toggle.btn-fahmy {
    background-image: none;
}

.btn-fahmy.disabled,
.btn-fahmy[disabled],
fieldset[disabled] .btn-fahmy,
.btn-fahmy.disabled:hover,
.btn-fahmy[disabled]:hover,
fieldset[disabled] .btn-fahmy:hover,
.btn-fahmy.disabled:focus,
.btn-fahmy[disabled]:focus,
fieldset[disabled] .btn-fahmy:focus,
.btn-fahmy.disabled:active,
.btn-fahmy[disabled]:active,
fieldset[disabled] .btn-fahmy:active,
.btn-fahmy.disabled.active,
.btn-fahmy[disabled].active,
fieldset[disabled] .btn-fahmy.active {
    background-color: #ffffff;
    border-color: #cccccc;
}

.btn-choice1 {
    border: 1px solid !important;
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc !important;
}

.btn-choice1:hover,
.btn-choice1:focus,
.btn-choice1:active,
.btn-choice1.active,
.open .dropdown-toggle.btn-choice1 {
    color: #fff;
    background-color: #47a447;
    border-color: #adadad;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn-choice1:active,
.btn-choice1.active,
.open .dropdown-toggle.btn-choice1 {
    background-image: none;
}

.btn-choice1.disabled,
.btn-choice1[disabled],
fieldset[disabled] .btn-choice1,
.btn-choice1.disabled:hover,
.btn-choice1[disabled]:hover,
fieldset[disabled] .btn-choice1:hover,
.btn-choice1.disabled:focus,
.btn-choice1[disabled]:focus,
fieldset[disabled] .btn-choice1:focus,
.btn-choice1.disabled:active,
.btn-choice1[disabled]:active,
fieldset[disabled] .btn-choice1:active,
.btn-choice1.disabled.active,
.btn-choice1[disabled].active,
fieldset[disabled] .btn-choice1.active {
    background-color: #ffffff;
    border-color: #cccccc;
}

.btn-choice2 {
    border: 1px solid !important;
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc !important;
}

.btn-choice2:hover,
.btn-choice2:focus,
.btn-choice2:active,
.btn-choice2.active,
.open .dropdown-toggle.btn-choice2 {
    color: #fff;
    background-color: #39b3d7;
    border-color: #adadad;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn-choice2:active,
.btn-choice2.active,
.open .dropdown-toggle.btn-choice2 {
    background-image: none;
}

.btn-choice2.disabled,
.btn-choice2[disabled],
fieldset[disabled] .btn-choice2,
.btn-choice2.disabled:hover,
.btn-choice2[disabled]:hover,
fieldset[disabled] .btn-choice2:hover,
.btn-choice2.disabled:focus,
.btn-choice2[disabled]:focus,
fieldset[disabled] .btn-choice2:focus,
.btn-choice2.disabled:active,
.btn-choice2[disabled]:active,
fieldset[disabled] .btn-choice2:active,
.btn-choice2.disabled.active,
.btn-choice2[disabled].active,
fieldset[disabled] .btn-choice2.active {
    background-color: #ffffff;
    border-color: #cccccc;
}

.btn-choice3 {
    border: 1px solid !important;
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc !important;
}

.btn-choice3:hover,
.btn-choice3:focus,
.btn-choice3:active,
.btn-choice3.active,
.open .dropdown-toggle.btn-choice3 {
    color: #fff;
    background-color: #ed9c28;
    border-color: #adadad;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn-choice3:active,
.btn-choice3.active,
.open .dropdown-toggle.btn-choice3 {
    background-image: none;
}

.btn-choice3.disabled,
.btn-choice3[disabled],
fieldset[disabled] .btn-choice3,
.btn-choice3.disabled:hover,
.btn-choice3[disabled]:hover,
fieldset[disabled] .btn-choice3:hover,
.btn-choice3.disabled:focus,
.btn-choice3[disabled]:focus,
fieldset[disabled] .btn-choice3:focus,
.btn-choice3.disabled:active,
.btn-choice3[disabled]:active,
fieldset[disabled] .btn-choice3:active,
.btn-choice3.disabled.active,
.btn-choice3[disabled].active,
fieldset[disabled] .btn-choice3.active {
    background-color: #ffffff;
    border-color: #cccccc;
}

.btn-choice4 {
    border: 1px solid !important;
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc !important;
}

.btn-choice4:hover,
.btn-choice4:focus,
.btn-choice4:active,
.btn-choice4.active,
.open .dropdown-toggle.btn-choice4 {
    color: #fff;
    background-color: #d2322d;
    border-color: #adadad;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.btn-choice4:active,
.btn-choice4.active,
.open .dropdown-toggle.btn-choice4 {
    background-image: none;
}

.btn-choice4.disabled,
.btn-choice4[disabled],
fieldset[disabled] .btn-choice4,
.btn-choice4.disabled:hover,
.btn-choice4[disabled]:hover,
fieldset[disabled] .btn-choice4:hover,
.btn-choice4.disabled:focus,
.btn-choice4[disabled]:focus,
fieldset[disabled] .btn-choice4:focus,
.btn-choice4.disabled:active,
.btn-choice4[disabled]:active,
fieldset[disabled] .btn-choice4:active,
.btn-choice4.disabled.active,
.btn-choice4[disabled].active,
fieldset[disabled] .btn-choice4.active {
    background-color: #ffffff;
    border-color: #cccccc;
}

.page-content .page-breadcrumb.breadcrumb {
    margin: 0px;
    margin-bottom: 30px;
}

.gmaps {
    margin-top: 15px;
    height: 360px!important;
    border: 1px solid #e5e5e5;
    width: 100% !important;
}

.gmaps2 {
    height: 233px!important;
    border: 1px solid #e5e5e5;
}

.form-actions.fluid {
    clear: both;
}

#map-title{
    padding-bottom: 21px;
    padding-top: 7px;
}

.my-page-title .col-md-3 {
    padding: 0;
}
.modal.fade.in {
    top: 10%;
}



.tools a{
    color: white;
}

.portlet > .portlet-title > .caption {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 5px;
}
.media{
    list-style: none;
}
.portlet.box > .portlet-title > .tools {
    display: block !important;
}
.property_card{
    color: #0076a3;
    width: 230px;
    border: 1px #ccc solid;
    height: 300px;
    text-align: center;
    margin:10px;
    float: right;
}


/************** new proparty card**************** */

.porp-card{
    height:245px;
    margin-bottom:20px;
}

.card-content{
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.118);
    height:100%;
}

.card-content:hover .prop-btn-ctr {
    opacity:1;


}



.proparty-num{
    color:#fff;
    text-align:center;
    line-height:22px;
    background-color: rgb(247, 148, 29);
    position: absolute;
    right: 30px;
    top: 15px;

    padding:0px 15px;
    height: 22px;
    border-radius: 3px !important;
}

.proparty-des{

}
.proparty-des-right{

    float:right;
    width:80%;
    padding-right:15px;
    padding-top:10px;
}

.proparty-des-right h4{
    color:#4b77be;
    font-size:16px;
    font-family: "HelveticaNeue-reg";
}

.proparty-des-right p{
    color:#777;
    font-size:12px;
}
.proparty-des-left{
    padding-top:10px;
    float:left;
    width:20%;
}
.prop-btn-ctr{
    width:40px;
    height:40px;
    line-height:40px;
    margin:auto;
    color:#fff;
    text-align:center;
    opacity:0;
    transition: opacity .5s	ease;
}

.proparty-update{
    background:#578ebe;

}
.proparty-update:hover{
    background:#5388b6;

}

.proparty-delete{
    background:#e35b5a;
    margin-top:10px;
}
.proparty-delete:hover{
    background:#d15453;
}

.proparty-img{
    height:140px;
    width:100%;
    overflow:hidden;
    background:#eee;
}



.tools a{
}

.property_card:hover{
    box-shadow: 0 0 5px #ccc; /* drop shadow */
    background: #fcfcfc;
}
.card_head{
    font-size: 14px;
    padding: 15px
}
.card_tools a {
    padding: 0px 3px;
    z-index: 10;
}
.property_card h6{

    color: #000;
    line-height: 33px;
}
.p-img{
    width: 200px;
    height: 200px;
    background: #ccc;
    margin: auto;
    font-size: 30px;
    overflow: hidden;
    border: 1px solid #ccc;
}
.big-home{
    font-size: 100px;
    color: #fff;
    margin-top: 85px;
}
.badge {
    font-size: 11px !important;
    height: 18px;
}
.form-horizontal2{
    height: 50px
}
.form-horizontal2 .form-body{
    padding-bottom: 0px
}
.form-horizontal2 label{
    text-align: left;
}
/*.form-horizontal2 .btn-file{
    display: none;
}*/
.form-horizontal2 .uneditable-input {
    width: 174px !important;
    min-width: 0px !important;
    overflow: hidden;
}

.my-star {
    color: #ccc;
    position: absolute;
    margin: 13px;
}
.my-star i{
    font-size: 24px;
    text-shadow: 0px 0px 1px #333;
}
.my-star:hover {
    color: rgb(255, 204, 0);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.star-active {
    color: rgb(255, 204, 0);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.thumbnail {
    margin-top: 0px !important;
}
.popover .popover-title {
    text-align: right;
}
.editable-input-redesign {
    padding-top: 4px;
    padding-right: 10px;
    line-height: 21px;
}
.back-button {
    background: url(../img/back.png) 0 0 no-repeat;
    float: right;
    height: 11px;
    width: 21px;
    margin: 0px 15px;
}

.prop-image {
    width: 100%;
}

.select-auth i {
    font-size: 17px;
    color: rgb(204, 204, 204);
}

.select-auth-active i {
    font-size: 17px;
    color: rgb(32, 136, 23);
}

.tabs-left > .nav-tabs > li > a {
    padding-left: 70px !important;
}


.modal-open {
    overflow-y: scroll;
}



.deselect-all i {
    font-size: 17px;
    color: rgb(32, 136, 23);
}

.select-all i {
    font-size: 17px;
    color: rgb(204, 204, 204);
}

.table-button{
    padding-left: 0px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.ver-inline-menu li a {
    padding: 12px 8px 10px 10px;
}

.attach {
    /*background-color: #fff ;*/
    color: #4B8E9B;
    text-decoration: none;
    line-height: 30px;
}
.attach:hover {
    /*background-color: #4b8df8 ;*/
    color: #4b8df8;
    text-decoration: none;
}

.attached-file {
    padding: 0 0 5px 0;
}

.icon-padding-upload{
    padding: 0 25px;
}

.pointer{
    cursor: pointer;
}

#sms-status {
    background: rgb(240, 240, 240);
    margin-top: -10px;
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid lightgrey;
}

#sms-status .title {
    text-shadow: 0 0px 1px rgb(158, 155, 155);
    padding-left: 30px;
}

.ms-container {
    width: 100% !important;
}

.assign-label{
    line-height: 35px;
    text-align: left;
    text-shadow: 0 0 1px rgb(185, 185, 185);
}

.no-padding{
    padding: 0;
}

.chats li .message .body {
    margin: 5px 0;
}

.modal-buttons{
    margin-left: -20px;
    margin-bottom: -20px;
    margin-right: -20px;
}

.toast.toast-error{
    padding-right: 10px !important;
}

.form-buttons{
    margin-left: -10px;
    margin-bottom: -10px;
    margin-right: -10px;
}

.dataTables_processing{
    padding-right : 20px;
}

.no-padding-right{
    padding-right: 0;
}

#voucher-header {
    border-bottom: 1px solid lightgrey;
    margin-bottom: 70px;
}

.voucher-number {
    border: 1px solid lightgrey;
    margin-top: 20px;
}

.voucher-number > div {
    padding: 10px 0;
    text-align: center;
}

.voucher-number > .text{
    border-left : 1px solid lightgrey;
}

.voucher-number > .number{
    font: bold 16px arial;
    color: rgb(192, 32, 32);		
}

#voucher-header .title{
    border-right: 1px solid lightgrey;
    padding-bottom: 15px;
}

#voucher-body > p {
    padding-bottom: 5px;
    font-size: 16px;
}

#voucher-body > p > span {
    padding: 0 15px;
    font-family: "HelveticaNeue";
}

#voucher-body > h3 {
    margin-top: 70px;
    margin-bottom: 30px;
}

.voucher-units-row > .col-md-6 > div {
    border: 1px solid lightgrey;
    padding: 10px 0;
    text-align: center;
    border-right: 0;
}

.voucher-units-row > .col-md-6{
    margin-bottom: 28px;
}

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

#signs {
    min-height: 129px;
    text-align: center;
    font-size: 17px;
    text-shadow: 0 0 1px gray;
    margin-top: 50px;
}

#original-footer {
    padding-top: 13px;
    border-top: 1px solid lightgrey;
}

.company-logo {
    width: 100%;
    height: 100%;
}

#voucher-body table.bordered {
    width: 100%;
    border: 1px solid lightgrey;
}

#voucher-body table.bordered td {
    padding: 10px 0;
    border-left: 1px solid lightgrey;
    text-align: center;
}

#voucher-body table.bordered td:first-child {
    padding: 10px 0;
    border-left: 1px solid lightgrey;
}

.header .navbar-brand img {
    height: 30px;
    margin: 6px 2px;
}



.green-btn{
    background : #44b6ae !important;
    color:#fff !important;

}


.green-btn:hover{
    background : #36908a !important;

}

.upload-file-div{
    height: 160px;
    background: rgb(247, 247, 247);
    border: 1px solid rgb(242, 242, 242);
    width: 150px;
    margin-left: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}
.upload-image-div{
    height: 160px;
    margin-left: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}
.upload-file-div a.file-link{
    display: block;
}
.upload-image-div a img{
    height: 100%;
}
.upload-file-text{
    padding: 5px 0;
    background: rgb(242, 242, 242);
}
.upload-image-div a.image-link{
    height: 100% !important;
}
.delete-image-link {
    position: absolute;
    left: 0;
    padding: 3px 7px;
    background: rgb(221, 64, 64);
    color: white;
}
.delete-image-link:hover{
    color: white;
}
.upload-file-div:hover, .upload-image-div:hover{
    box-shadow: 0px 3px 6px -1px rgba(208, 208, 208, 1);
    border: 1px solid rgb(174, 174, 174);
}
.upload-image-div{
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.upload-image-div .delete-image-link{
    margin-top: -4px;
}





@media screen and (min-width: 992px) and (max-width:1170px) {



    .page-title{

        text-align: center;

    }



    .my-page-title{

        margin-top:0px;

        margin-bottom: 25px;

    }



    .input-xlarge {

        width: 400px !important;

    }



}





@media screen and (min-width: 768px) and (max-width:970px) {

    .page-title{

        text-align: center;

    }



    .my-page-title{

        margin-top:0px;

        margin-bottom: 25px;

    }

    .input-xlarge {

        width: 400px !important;

    }



    .header .navbar-brand {

        margin-right: 0px !important;

        width: 170px;

    }



}





@media screen and  (max-width:590px) {

    .my-hiddens{
        display: none;
    }

    .page-title{

        text-align: center;

    }



    .my-page-title{

        margin-top:0px;

        margin-bottom: 25px;

    }



    .input-xlarge {

        width: 70% !important;

    }



    .header .navbar-brand {

        margin-right: 0px !important;

        width: 170px;

    }



    .cols-filter {display: none;}



}



#special-field1{

    display: none;

}

#special-field2{

    display: none;

}

.create-modal {
    top: 10% !important;
    width: 50% !important;
    left: 40% !important;
    height: auto ;
}
.loading {
    text-align: center;
    padding: 50px 0;
}

.remove-menu {
    padding: 5px !important;
}

/*.dd-list .dd-list {
padding-right: 30px;
padding-left: 0px !important;
}*/

.not-seen {
    background: rgb(252, 253, 212) !important;
}

.not-reply{
    text-align: center;
    padding: 35px 0;
}


.customer-view {
    margin: 0;
    padding: 0;

}   

.customer-view li {
    list-style: none;
    padding: 5px 0;
    border-bottom: 1px solid rgb(240, 240, 240);
}

input[type=checkbox].form-control {
    width: auto !important;
    height: auto !important;
}

a.office_logo img {
    width: 80%;
    max-height: 100px;
}
a.office_logo {
    text-align: center;
    padding: 15px 0;
    display: block;
    width: 100%;
}
div.checker {
    padding-top: 7px;
}

table.portlet-table {
    width: 100%;
    border: 1px solid rgb(226, 226, 226);
}
table.portlet-table td:nth-child(odd) {
    background: rgb(238, 238, 238);
    border-right: 1px solid rgb(219, 219, 219);
    border-left: 1px solid rgb(190, 190, 190);
    width: 20%;
}
table.portlet-table td {
    border-bottom: 1px solid rgb(219, 219, 219);
    padding: 10px 0;
}
ul.portlet-list {
    padding: 0;
    margin: 0;
}
ul.portlet-list > li {
    list-style: none;
    border-bottom: 1px solid rgb(214, 214, 214);
    padding: 10px 0;
}
span.td-label {
    float: right;
    padding: 0 0 0 20px;
    text-shadow: 0 0 1px rgb(209, 209, 209);
}
.no-padding-left {
    padding-left: 0;
}
div#search-tools {
    width: 87%;
    margin: 0 auto;
}
div#search-type ul {
    margin: 0;
    padding: 0;
}
div#search-type ul li {
    list-style: none;
    line-height: 50px;
    text-align: center;
}
div#search-tools {
    padding: 10px;
    border: 1px solid rgb(204, 204, 204);
    margin-bottom: 20px;
}
div#search-type {
    padding: 0;
    margin-top: -10px;
    margin-bottom: -10px;
    margin-right: -10px;
}
div#search-type ul li {
    list-style: none;
    line-height: 50px;
    text-align: center;
    background: rgb(233, 233, 233);
    border-left: 1px solid rgb(204, 204, 204);
    border-right: 0;
    border-bottom: 0;
}
div#search-type ul li.active {
    background: white;
    border: 0;
    padding-top: 1px;
}
div#search-type ul li:first-child {
    border-top: 0;
    border-bottom: 1px solid rgb(204, 204, 204);
}
div#search-type ul li:first-child {
    cursor: pointer;

}
div.search-inputs, div.search-button {
    padding-top: 26px;
}
div.offer-card {
    min-width: 100%;
    padding: 10px;
    border: 1px solid rgb(204, 204, 204);
    margin-top: 15px;
}
div.offer-card-image {
    width: 100%;
    overflow: hidden;
}
div.offer-card-image img {
    width: 100%;
}
div.offer-card-number {
    text-align: center;
    padding: 10px 0 5px 0;
    font-size: 16px;
    font-family: "HelveticaNeue";
    color: rgb(102, 102, 102);
}
div.offer-card-amount {
    text-align: center;  
    padding: 0px;  font-family: "HelveticaNeue";  
    color: rgb(0, 143, 255);
    font-size: 14px;
}
div.no-data h1 {
    text-align: center;
    margin: 35px 0;
    font-size: 26px;
    color: gray;
}
div.no-data {
    width: 45%;
    margin: 0 auto;
}

span.assign-date {
    float: left;
    color: gray;
    font-family: arial;
    font-size: 12px;
}
div.desc {
    display: block;
}
.feeds .col1 .cont {
    float: right;
    margin-left: 75px;
    overflow: hidden;
    width: 100%;
}

div.image-data {
    position: relative;
}
a.delete-image {
    position: absolute;
    right: 0;
    background: rgb(180, 0, 0);
    padding: 0px;
    width: 21px;
    text-align: center;
    color: white;
    padding-top: 2px;
    margin-right: 15px !important;
}
.star-active {
    color: rgb(255, 204, 0);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin-right: 209px;
}
div.myrow {
    padding: 2px 0;
    border-bottom: 1px solid rgb(243, 243, 243);
}


// ---------------------------------------------------------------
// ---------------------------------------------------------------
// 7-4-2014
// ---------------------------------------------------------------
// ---------------------------------------------------------------

.section-title {
    padding: 5px 10px;
    border-right: 4px solid rgb(75, 119, 190);
    margin-bottom: 10px;
    color: rgb(75, 119, 190);
    font-size: 16px;
    background: rgb(248, 248, 248);
    margin-top: 30px;
}

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

.block-title {
    background: whitesmoke;
    border-bottom: 1px solid rgb(229, 229, 229);
    padding: 5px 10px;
    color: rgb(110, 110, 110);
}

.block {
    margin: 10px 0;
    border: 1px solid rgb(229, 229, 229);
}

.block-body {
    padding: 10px;
}

.block-footer {
    background: whitesmoke;
    border-top: 1px solid rgb(229, 229, 229);
    padding: 5px;
}

a.new-page-link.active {
    background: whitesmoke;
}

tfoot td {
    border-top: 2px solid rgb(221, 221, 221) !important;
}

.popover.right .arrow {
    border-right-color: rgba(185, 74, 72, 1);
}

.popover.fade.right.in {
    border: 1px solid rgb(185, 74, 72);
}

.popover-title {
    background: rgb(255, 242, 241);
    border-bottom: 1px solid rgb(227, 191, 188);
    color: rgb(185, 74, 72);
}

.popover-content {
    text-align: right;
}

.popup {
    z-index: 9999;
    background: white;
    position: absolute !important;

}

h3.popup-title {
    margin: 0;
    padding: 8px;
    font-size: 15px;
    background: whitesmoke;
    border-bottom: 1px solid gray;
}

.popup-content {
    padding: 10px 5px;
    font-size: 14px;
}

.popup-shadow {
    box-shadow: 0px 0px 10px 1px rgba(128, 128, 128, 0.29);
    border: 1px solid rgb(209, 209, 209);
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgb(180, 11, 11);
    margin-right: 10px;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid rgb(180, 11, 11);
    margin-left: -16px;
    margin-top: 5px;
    float: left;
}

.popup.error .popup-title {
    background: rgb(248, 238, 238);
    border-color: rgb(227, 181, 181);
    color: rgb(180, 11, 11);
}

.popup.error .popup-shadow {
    border: 1px solid rgb(180, 11, 11);
}

.success-icon {
    background: url(http://dev.baseet.io/cloud/966490/public/img/ok.png);
    background-repeat: no-repeat;
    background-position: 8px 50%;
    background-size: 22px;
}

.error-icon {
    background: url(http://dev.baseet.io/cloud/966490/public/img/error.png);
    background-repeat: no-repeat;
    background-position: 8px 50%;
    background-size: 22px;
}

.form-control {
    background-color: white;
}

span.step-title {
    padding: 0 5px;
    border-left: 1px solid rgb(75, 119, 190);
    margin-left: 10px;
}



div#contract-modal .modal-body {
    padding: 20px;
}

.contract-modal-content {
    padding: 15px;
    border: 1px solid gray;
}

.contract-modal-title {
    font-size: 20px;
    width: 20%;
    background: white;
    margin: 0 auto;
    text-align: center;
    margin-top: -28px;
}

.modal-row {
    padding: 5px 0;
    border-bottom: 1px solid rgb(238, 238, 238);
}

span.modal-label {
    font-size: 15px;
    padding-left: 10px;
}

.modal-value {
    color: rgb(86, 86, 86);
    font-size: 15px;
}

.contract-modal-footer {
    text-align: center;
}

.modal.fade.in {
    overflow: hidden;
}

input#payments-duration {
    border: 0;
    background: rgb(255, 255, 255);
    padding: 5px;
    margin-bottom: 3px;
    height: 30px;
}
.filter-div {
    padding: 10px;
    background: rgb(243, 243, 243);
    margin: -10px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgb(222, 222, 222);
}
#payments-table tbody td{
    border: 0;
    padding: 4px;
}
table#payments-table  th {
    border-bottom: 2px solid rgb(221, 221, 221);
}
a.delete-payment {
    color: rgb(182, 51, 51);
}
span.small {
    font-size: 12px;
    color: gray;
}
.currency-amount {
    padding: 2px 0;
    color: rgb(75, 119, 190);
    font-weight: bold;
}
/*.green{
    color : green;
}*/
.red{
    color: rgb(185, 74, 72);
}
.padding-right-1{
    padding-right: 10px !important;
}
.margin-top-1{
    margin-top: 10px;
}
.margin-bottom-1{
    margin-bottom: 10px;
}
.summary{
    line-height: 34px;

}
.custom-font{
    font-size: 15px;
    color: rgb(75, 119, 190);
    padding: 0 8px;
}
.padding-right-5{
    padding-right: 5px;
}
.input-height{
    line-height: 34px;
}
.no-margin-bottom{
    margin-bottom : 0 !important;
}
.create-payments-div.clearfix.margin-bottom-1 {
    padding: 20px 0;
    border: 1px solid rgb(248, 248, 248);
    background: rgba(248, 248, 248, 0.29);
}

table.contract-view-table tr td {
    padding: 6px;
}

table.contract-view-table tr td:first-child {
    width: 50%;
}

/*.page-content .page-breadcrumb.breadcrumb .btn-group {
    position: relative;
    margin-top: 0;
    right: 2px;
    left: 0;
}*/

.edit-input input {
    text-align: center !important;
}

.thumbnail {
    margin: 15px auto;
}

.update-unit-btn {
    cursor: pointer;
}

.unit-number-input {
    width: 100%;
}

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

#contract-payment-form .form-actions {
    margin-left: -15px;
    margin-right: -15px;
}

.section-title {
    padding: 5px 10px;
    border-right: 4px solid rgb(75, 119, 190);
    margin-bottom: 10px;
    color: rgb(75, 119, 190);
    font-size: 16px;
    background: rgb(248, 248, 248);
    margin-top: 30px;
}
.no-margin-top{
    margin-top: 0 !important;
}
.block-title {
    background: whitesmoke;
    border-bottom: 1px solid rgb(229, 229, 229);
    padding: 5px 10px;
    color: rgb(110, 110, 110);
}

.block {
    margin: 10px 0;
    border: 1px solid rgb(229, 229, 229);
}

.block-body {
    padding: 10px;
}
.block-footer {
    background: whitesmoke;
    border-top: 1px solid rgb(229, 229, 229);
    padding: 5px;
}
a.new-page-link.active {
    background: whitesmoke;
}
tfoot td {
    border-top: 2px solid rgb(221, 221, 221) !important;
}

.popover.right .arrow {
    border-right-color: rgba(185, 74, 72, 1);
}
.popover.fade.right.in {
    border: 1px solid rgb(185, 74, 72);
}
.popover-title {
    background: rgb(255, 242, 241);
    border-bottom: 1px solid rgb(227, 191, 188);
    color: rgb(185, 74, 72);
}
.popover-content {
    text-align: right;
}

.popup {
    z-index: 9999;
    background: white;
    position: absolute !important;

}
h3.popup-title {
    margin: 0;
    padding: 8px;
    font-size: 15px;
    background: whitesmoke;
    border-bottom: 1px solid gray;
}
.popup-content {
    padding: 10px 5px;
    font-size: 14px;
}
.popup-shadow{
    box-shadow: 0px 0px 10px 1px rgba(128, 128, 128, 0.29);
    border: 1px solid rgb(209, 209, 209);
}
.arrow-up {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgb(180, 11, 11);
    margin-right: 10px;
}
.arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right:10px solid rgb(180, 11, 11);
    margin-left: -16px;
    margin-top: 5px;
    float: left;
}
.popup.error .popup-title {
    background: rgb(248, 238, 238);
    border-color: rgb(227, 181, 181);
    color: rgb(180, 11, 11);
}
.popup.error .popup-shadow{
    border: 1px solid rgb(180, 11, 11);
}
.success-icon{
    background: url(http://dev.baseet.io/cloud/966490/public/img/ok.png);
    background-repeat: no-repeat;
    background-position: 8px 50%;
    background-size: 22px;
}
.error-icon{
    background: url(http://dev.baseet.io/cloud/966490/public/img/error.png);
    background-repeat: no-repeat;
    background-position: 8px 50%;
    background-size: 22px;
}
.form-control{
    background-color: white;
}
span.step-title {
    padding: 0 5px;
    border-left: 1px solid rgb(75, 119, 190);
    margin-left: 10px;
}

div#contract-modal .modal-body {
    padding: 20px;
}

.contract-modal-content {
    padding: 15px;
    border: 1px solid gray;
}

.contract-modal-title {
    font-size: 20px;
    width: 20%;
    background: white;
    margin: 0 auto;
    text-align: center;
    margin-top: -28px;
}

.modal-row {
    padding: 5px 0;
    border-bottom: 1px solid rgb(238, 238, 238);
}

span.modal-label {
    font-size: 15px;
    padding-left: 10px;
}

.modal-value {
    color: rgb(86, 86, 86);
    font-size: 15px;
}

.contract-modal-footer {
    text-align: center;
}
.modal.fade.in {
    overflow: hidden;
}
/*
.green {
    color: green;
}*/
.gray {
    color: rgb(81, 81, 81);
}

table.contract-view-table tr td {
    padding: 6px;
}

/*.page-content .page-breadcrumb.breadcrumb .btn-group {
    position: relative;
    margin-top: 0;
    right: 2px;
    left: 0;
}*/
.border{
    border: 1px solid rgb(221, 221, 221) !important;
    line-height: 50px;
}
.money{
    font-weight: bold;
}
table#soa tr td {
    font-size: 14px;
}
.no-margin{
    margin: 0 !important;
}