/* BUTTONS INTERNAL
==================================================================*/
/* LOGIN PAGE BUTTONS
==================================================================*/
/* LOGIN BUTTON */
.login-submit {
    background-color: #49e2d6;
    border: none;
    box-shadow: 0 4px 15px rgba(0,0,0,0.9);
    color: #ffffff;
    font-family: 'Libre Baskerville', serif;
    margin: 0 0 30px 0;
    transition: all .5s ease;
    width: 100%;
}

.login-submit:hover, .login-submit:active  {
    background-color: #ffffff;
    color: #49e2d6;
}

/* LOGIN PAGE BACKGROUND
================================================================== */
#section-admin-login,
#section-admin-lost-password {
position:relative;
    background: url('../../../images/template/v3/hedron-cover-bw.jpg') no-repeat;
    background-size: cover;
    background-color: #000;
    min-height: 860px;
    opacity: 1;
    position: relative;
}
#section-admin-login:before,
#section-admin-lost-password:before{
position:absolute;
width:100%;
height:100%;
top:0;
content: '';
color:#fff;
font-size:40rem;
display:block;
background-color: #000;
opacity:0.3;
}

.container-admin-login,
.container-admin-lost-password {
    color: #ffffff;
    display: block;
    margin: 0 auto;
    margin-top: 400px;
    width: 70%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.admin-login,
.admin-lost-password {
    margin: 0 auto;
    padding: 25px;
    width: 85%;
}

#form_admin_login input,
#form_admin_lost_password input{margin:0.1rem 0;text-align:center;}
#form_admin_login button[type="submit"],
#form_admin_lost_password button[type="submit"]{
margin-top:1rem;
}

#form_admin_login input:-ms-input-placeholder,
#form_admin_lost_password input:-ms-input-placeholder{
     color:#999;
}
#form_admin_login input::-webkit-input-placeholder,
#form_admin_login input::-moz-placeholder,
#form_admin_login input:-moz-placeholder,
#form_admin_login input::placeholder,
#form_admin_lost_password input::-webkit-input-placeholder,
#form_admin_lost_password input::-moz-placeholder,
#form_admin_lost_password input:-moz-placeholder,
#form_admin_lost_password input::placeholder{
    color:#999;
}

/* ADMIN SEARCH BUTTON */
.admin-search {
    background-color: #49e2d6;
    border: 1px solid #49e2d6;
    box-shadow: 0 4px 15px rgba(0,0,0,0.9);
    color: #ffffff;
    font-family: 'Libre Baskerville', serif;
    margin: 10px 0;
    transition: all .5s ease;
    width: 100%;
}

.admin-search:hover, .admin-search:active  {
    background-color: #ffffff;
    border: 1px solid #49e2d6;
    box-shadow: 0 4px 15px rgba(0,0,0,0.9);
    color: #49e2d6;
}

/* EXPORT LAST */
#form_admin_search_docs_reset{float:left;}
#form_admin_search_docs_reset input[type="submit"],
.export-last {
    background-color: transparent;
    border: none;
    color: #282828;
    font-family: 'Libre Baskerville', serif;
    text-align: right;
    text-decoration: underline;
}
#form_admin_search_docs_reset input[type="submit"]:hover,
#form_admin_search_docs_reset input[type="submit"]:active,
#form_admin_search_docs_reset input[type="submit"]:focus,
.export-last:hover,
.export-last:active,
.export-last:focus{
color:#49e2d6;
}

/* ADMIN PAGE INVOICE/PROFORMA
================================================================== */
.admin-ticket-proforma,
.admin-ticket-proforma-pending,
.admin-ticket-invoice_not_paid,
.admin-ticket-invoice{
    border: solid 1px #282828;
    border-left: solid 25px #009ee3;
    box-shadow: 0 4px 15px rgba(0,0,0,0.9);
margin-top:10px;
    margin-bottom:40px;
    padding: 15px 0;
}
.admin-ticket-invoice_not_paid {
    border: solid 1px #c00;
    border-left: solid 25px #c00;
}
.admin-ticket-invoice {
    border: solid 1px #282828;
    border-left: solid 25px #00a099;
}
.admin-ticket-proforma-pending{
    border: solid 1px #f90;
    border-left: solid 25px #f90;
}
.admin-ticket-proforma.highlight_status_p{
    border: solid 1px #f00;
    border-left: solid 25px #f00;
     box-shadow: 0 4px 15px rgba(255,0,0,0.9);
}

.admin-ticket-proforma h4,
.admin-ticket-proforma-pending h4,
.admin-ticket-invoice_not_paid h4,
.admin-ticket-invoice h4{
    font-family: 'myFirstFontHelBold','Open Sans', sans-serif;
    margin: 0;
}
.admin-ticket-proforma h4{color:#009ee3;}
.admin-ticket-proforma-pending h4{color:#009ee3;}
.admin-ticket-invoice_not_paid h4{color:#c00;}
.admin-ticket-invoice h4{color:#00a099;}
.admin-ticket-proforma h4.admin-date,
.admin-ticket-proforma-pending h4.admin-date,
.admin-ticket-invoice_not_paid h4.admin-date,
.admin-ticket-invoice h4.admin-date{
    color: #282828;
    font-family: 'myFirstFontHelBold','Open Sans', sans-serif;
    font-weight: bold;
    letter-spacing: 0.2rem;
    margin: 15px 0 5px;
}
.admin-ticket-proforma h4.document_type,
.admin-ticket-proforma-pending h4.document_type,
.admin-ticket-invoice_not_paid h4.document_type,
.admin-ticket-invoice h4.document_type{text-transform: uppercase;}
.admin-italic,
.doc_relates_to,
.admin-italic a,
.doc_reference a {
    color: #282828;
    font-family: 'Libre Baskerville', serif;
}
.admin-italic a,
.doc_reference a,
.doc_relates_to a {
    color: #009640;
    font-weight: bold;
    transition: all .5s ease;
}
.admin-italic a:hover,
.admin-italic a:active,
.admin-italic a:focus,
.doc_reference a:hover,
.doc_reference a:active,
.doc_reference a:focus,
.doc_relates_to a:hover,
.doc_relates_to a:active,
.doc_relates_to a:focus {
    text-decoration: underline;
}
.admin-ticket-proforma .doc_reference a{color:#009ee3;}
.admin-ticket-invoice .doc_reference a{color: #00a099;}
.admin-tivcket-proforma-pending .admin-italic a{color: #f90;}
.admin-ticket-proforma .admin-italic a{color: #009ee3;}

.admin-ticket-invoice .doc_relates_to a{color: #009ee3;}
.admin-tivcket-proforma-pending .doc_relates_to a{color: #f90;}
.admin-ticket-proforma .doc_relates_to a{color: #00a099;}

.admin-contact-invoice,
.admin-contact-proforma-pending,
.admin-contact-proforma{font-weight: bold;}
.admin-contact-invoice a,
.admin-contact-proforma-pending a,
.admin-contact-proforma a {
    color: #282828;
    transition: all .5s ease;
}
.admin-contact-invoice a:hover,
.admin-contact-invoice a:focus {
    color: #00a099;
}
.admin-contact-proforma-pending a:hover,
.admin-contact-proforma-pending a:focus {
    color: #f90;
}
.admin-contact-proforma a:hover,
.admin-contact-proforma a:focus {
    color: #009ee3;
}

.company_details{margin-bottom:2rem;}
.company_details > p{
    margin-bottom:0;
}
.company_details > p > a{color:#666;}

.fa-exclamation{color:#f00;}

/* COMPANY DETAILS BOX */
.admin-company {
    color: #282828;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    border-right:1px solid #282828;
}

/* PAPER WORK BOX */
.top {
    border-left: 0px solid #282828;
    margin: 20px 0;
}

.admin-details {
    margin: 0 auto;
}

/* HEADINGS */
.admin-grey {
    color: #282828;
    font-weight: bold;
}

.container_checkbox_paid > label,
.container_checkbox_paid > label > input{cursor:pointer;}
.container_checkbox_paid > label:hover,
.container_checkbox_paid > label:active,
.container_checkbox_paid > label:focus{color:#00a099;}
.container_checkbox_paid input{margin-right:0.5rem;}

/*-----BUTTONS--------*/
.button_doc_cancel,
.button_doc_cancel,
.button_doc_cancel,
.button_doc_cancel{
float:right;
    margin-right:2rem;
    background:transparent;
    border:none;
}
.button_doc_cancel:hover,
.button_doc_cancel:active,
.button_doc_cancel:focus{
color: #f00;
background-color: #fff;
}

.button_doc_details,
.button_doc_convert,
.button_doc_update{
    background-color: #999;
    border: 1px solid #666;
    color: #ffffff;
    font-family: 'Libre Baskerville', serif;
    padding: 5px;
    text-align: center;
    width: 100%;
    transition: all .5s ease;
-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.8);
   -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.8);
        box-shadow:0px 0px 8px rgba(0,0,0,0.8); /* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color='#333333')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, color='#333333');
}
.button_doc_convert,
.button_doc_update{background-color:#00a099;}
.button_doc_details:hover,
.button_doc_details:active,
.button_doc_details:focus,
.button_doc_convert:hover,
.button_doc_convert:active,
.button_doc_convert:focus,
.button_doc_update:hover,
.button_doc_update:active,
.button_doc_update:focus{
    background-color:#000;
-webkit-box-shadow:none;
   -moz-box-shadow:none;
        box-shadow:none; /* For IE 8 */
-ms-filter: none; /* For IE 5.5 - 7 */
    filter: none;
}

.button_doc_export{
    position:relative;
    top:-1.2rem;
margin:0;
    padding:0;
    background:none;
    border:none;
    font-weight: bold;
    color:#999;;
}
.button_doc_export:hover,
.button_doc_export:active,
.button_doc_export:focus{color:#49e2d6;}


/*********ADMIN DOC DETAIL*********/
#container_doc_details_1, #container_doc_details_2{
display:inline-block;
width:45%;
    vertical-align: top;
}
#container_doc_details_1 h3,
#container_doc_details_2 h3,
#container_doc_details_1 h4,
#container_doc_details_2 h4{
    margin-top:2rem;
    margin-bottom: 0.5rem;
color:#333;
font-weight:bold;
}
#container_doc_details_1 h3{font-size:1.5em;margin-bottom:10px;}
#container_doc_details_1 h4{font-size:1.2em;}

#modal_doc_details .td-col1,
#modal_doc_details .td-col2,
#modal_doc_details .td-col21,
#modal_doc_details .td-col22{
display:inline-block;
    width:20%;
    min-width:100px;
    margin-bottom:1rem;
    vertical-align: top;
    color:#bbb;
}
#modal_doc_details .td-col2,
#modal_doc_details .td-col21,
#modal_doc_details .td-col22{
    width:70%;
}

#modal_doc_details #mini_header_quantity{width:25%;}


#modal_doc_details a{color:#49e2d6;}

#modal_doc_details input[type="text"],
#modal_doc_details textarea{
    width:90%;
    border:1px solid #efefef;
    color:#333;
}
#modal_doc_details textarea{height:12rem;}
#modal_doc_details input[name="order_amount_total"]{
width: -webkit-calc(100% - 25px);
width:    -moz-calc(100% - 25px);
width:      -o-calc(100% - 25px);
width:         calc(100% - 25px);
    text-align:right;
}
#modal_doc_details input[type="text"].input-texttel{
width: -webkit-calc(90% - 40px);
width:    -moz-calc(90% - 40px);
width:      -o-calc(90% - 40px);
width:         calc(90% - 40px);
}

table.table_invoice{width:90%;margin:0 0 2rem 0px;}
#container_doc_details .td-left,
#container_doc_details .td-middle,
#container_doc_details .td-right,
#container_doc_details .td-long,
#container_doc_details .td-long3,
#container_doc_details .td-left2,
#container_doc_details .td-right2,
#modal_doc_details .td-left,
#modal_doc_details .td-middle,
#modal_doc_details .td-right,
#modal_doc_details .td-long,
#modal_doc_details .td-long3,
#modal_doc_details .td-left2,
#modal_doc_details .td-right2{
margin:0;
vertical-align:top;
padding:6px 0 6px 0;
text-align:left;
    font-style: italic;
    font-weight:bold;
}
#container_doc_details .td-left {width:160px;text-align:right;}
#container_doc_details .td-middle {
width:10px;
text-align:center;
padding-right:3px;
}
#container_doc_details .td-right{width:250px;color:#fff;font-weight:bold;font-size:13px;}
#container_doc_details .td-long{padding:20px 0px 12px 0;}
#container_doc_details .td-left2{width:330px;}
#container_doc_details .td-right2{width:75px;text-align:center;}
#container_doc_details .td-long3{
text-align:left;
font-weight:bold;
color:#fff;
padding-left:40px;
}
#container_doc_details .td-long32{text-align:right;}

#container_doc_details .td-left2.bold,
#container_doc_details .td-right2.bold{
color:#fff;
}

#container_doc_details .input-text {width:50px;}
#container_doc_details .input-textboxarea{width:250px;  height:77px;}
#container_doc_details .input-texttel {
width:203px;
border:1px solid #cccccc;
}
#container_doc_details .input-select{width:10px;}

#form_doc_update_details{
	padding-left: 2rem;
    padding-bottom:1rem;
	border: 1px dashed #ccc;
}
#form_doc_update_details .button_doc_update{width:90%;}

/***handling exception boxes***/
#container_doc_details .input-site{width:214px;}
#container_doc_details .input-quantity{width:50px;}
#container_doc_details .input-price{
width:65px;
text-align:right;
margin:0;
background:none;
border:none;
color:#fff;
font-weight:bold;
}
#container_doc_details .input-radio{
position:relative;
top:2px;
margin:0 4px 0 8px;
}

#container_doc_details .td-right{color:#fff;}
#container_doc_details .input-text,
#container_doc_details .input-textboxarea,
#container_doc_details .input-texttel{
color:#fff;
font-weight:bold;
background:none;
border:none;
}




/*********************BOOTSTRAP RESPONSIVE*************************/
@media (min-width: 1200px) {

}

/**********************************************/
@media (min-width: 992px){

}

/**********************************************/
@media (min-width: 768px) {

}

/**********************************************/
@media (min-width: 996px) {

}

/**********************************************/
@media (min-width: 768px) and (max-width: 991px) {

}

/**********************************************/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {

}

/**********************************************/
@media (max-width: 1199px) {

}

/**********************************************/
@media (max-width: 995px) {
    .admin-company{border:none;}
    .admin-grey{text-align: right;}
}

/**********************************************/
@media (max-width: 991px) {

}

/**********************************************/
@media (max-width: 882px) {

}

/**********************************************/
@media (max-width: 767px) {
    #container_doc_details_1, #container_doc_details_2{width:100%;}
}

/**********************************************/
@media (max-width: 658px) {

}

/**********************************************/
@media (max-width: 555px) {
.container-admin-login{width:100%;}
}

/**********************************************/
@media (max-width: 515px) {

}

/**********************************************/
@media (max-width: 480px) {
.admin {width: 80%;}
    
}

/**********************************************/
@media (max-width: 440px) {

}

/**********************************************/
@media (max-width: 410px) {
#modal_doc_details #mini_header_ordering{width:55%;}
#modal_doc_details #mini_header_quantity{width:10%;}
}

/**********************************************/
@media (max-width: 372px) {

}

/**********************************************/
@media (max-width: 337px) {

}