body{ background: #F38E2C; color: #fff; font-family: 'Open Sans', Arial, sans-serif;font-size: 13px;/*font-size: 13px; line-height: 1.462; */}
a:hover{ text-decoration: none; color: #F38E2C; }
header{ margin-bottom: 20px; }
/*.nav-tabs{ border-bottom:none; }
.nav-tabs .nav-item{ background-color: #69645f; font-weight: bold; color: #fff; }
.nav-tabs .nav-item a{ color: #fff; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #ccc;
    border-color: #dee2e6 #dee2e6;
}
.tab-content{ padding: 50px; }*/

/* nav ul{ display: inline-flex; padding: 0; border-bottom-right-radius: 20px; font-weight: bold; margin-left: 20px; }
nav ul li{ float: left; list-style: none; border-bottom-right-radius: 20px; background-color: #69645f; margin-left: -15px; padding-left: 20px; padding-right: 10px; }
nav ul li:first-child{ margin-left: 0; }
nav ul li a{ color: #fff; display: block; padding: 10px 15px; font-size: 20px; }
nav ul li.active{ background-color: #a2a3a4; z-index: 1; } */
/*nav ul .logo{ width: 50px; margin-left: 15px; padding: 2px; background: #f38e2c; }*/
/* .logo{ width: 100px; } */

.loginbttnn{font-family: Arial;font-size: 18px;font-weight: bold;}
.copyright{font-family: Arial;line-height: 1.71;margin: 6.8px 0 0 5.5px; font-size: 14px; text-align: right; }
/*.logo{margin: 30px 0 20px;width: 270px;}*/
.logbox .loginput{border: none;font-family: Arial;color: #808080!important;border-radius: 8px;text-align: center;font-size: 16px;line-height: 1.5;height: 35px;}
.logbox .otpinput{border: none;font-family: Arial;color: #808080!important;border-radius: 8px;text-align: center;font-size: 16px;line-height: 1.5;width: 310px;height: 35px;}
.otpbtn{font-family: Arial;padding: 5.5px 0;background-color: #f78e1e !important; color: #fff !important; border:0; border-radius: 8px;margin-top: 15px;font-size: 16px;font-weight: normal;text-align: center;width: 310px;}
.mcabtn{font-family: Arial;padding: 5.5px 0; background-color: #f78e1e !important; color: #fff !important; border:0; border-radius: 8px;margin-top: 117px;font-size: 16px;text-align: center;}
.loginnbtnn{font-family: Arial;padding: 5.5px 0; background-color: #f78e1e !important; color: #fff !important; border:0; border-radius: 8px;margin-top: 117px;font-size: 16px;text-align: center;} 
main{ min-height: 500px; }
.dropdown-item:focus, .dropdown-item:hover{ background-color: #f08e33; }
.dashboard{ background-color: #ffffff; color: #58595B; padding: 5px; margin: 10px 0; border-radius: 3px; }
.dashboard .card-header{ background-color: rgb(88, 89, 90); }
.dashboard .btn-link, .dashboard .btn-link:hover{ color: #f08e33; text-decoration: none; }
.dashboard p{margin-bottom: 0;}
.login{ margin-top: 20px; }
.login .heading, .login .heading h1{ margin: 0 0 5.2px;font-family: Arial;font-size: 72px;font-weight: 900;font-stretch: normal;font-style: normal;line-height: 1.11;letter-spacing: normal;text-align: left;color: #f78e1e; }
.login h2{font-family: Arial;font-size: 24px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1;letter-spacing: normal;text-align: center;color: #58595b; margin-bottom: 22.2px;}
.login .details{padding: 80.1px 85px 118.7px 38px; background-color: #f9a54b; height: 535px; width: 690px; margin-right: -15px; }
.login .details .content, .login .details .content p{text-align: left;margin: 5.2px 0px 0 2.5px;font-family: ArialNarrow;font-size: 20px;line-height: 1.2;color: #ffffff; }
.login .logbox{ padding: 101.8px 64.8px 92px 58.3px; background-color: #fabb78; height: 100%; margin-left: -15px; }

table{ margin-top: 20px; color: #6c6660 !important; }
table th{ background-color: #69645f; color: #fff; }
table tbody tr { background-color: #f9af5d; }
/*.table-striped tbody tr { background-color: #f9af5d; }
.table-striped tbody tr:nth-of-type(odd) { background-color: #fcc488; }*/
.modal-content{ background-color: #F38E2C; }

.companies a{ color: #F38E2C; display: block; }
table td a{ color: #6c6660 !important; }

.ocr-list a{ color: #F38E2C; display: block; }
table td a{ color: #6c6660 !important; }

.company { margin: 20px auto; }
.cdiary{ background-color: #fcc286; padding: 20px; margin-top: -20px;}
.cdiary table tr, .cdiary table tr:nth-of-type(odd){ background-color: #fff; border: 2px solid #f38e2c; }
/* .cdiary .dedit, .cdiary .dtrsh{ cursor: pointer; } */
.cdiary .dedit, .cdiary .dtrsh{ cursor: pointer;text-align: inherit; }
.cgsactivitytable tbody tr td:nth-child(3) p{margin-bottom: 0!important;}
.form-control:active, .form-control:hover, .form-control:visited, .form-control:focus{ background-color: #fcc387; }
.input-group{ margin-bottom: 10px; }
.input-group .input-group-text, .company .btn{ background-color: #69645f; color: #F38E2C; }
.input-group-prepend{ width: 50%; }
.input-group-prepend .input-group-text{ width: 100%; }
.company .nav-tabs .nav-item{ background-color: #ccc; font-weight: bold; color: #fff; border-top-right-radius: 5px; }
.company .nav-tabs .nav-item .active{ background-color: #69645f; }
.company .tab-content .tab-pane{ background-color: #fcc488; color: red; padding: 5px; }
.company .nav-tabs .nav-item a{ color: #fff; cursor: pointer; }
.company .form-control-plaintext, .editcontact .form-control-plaintext, .editaddress .form-control-plaintext{ padding-left: 20px; border-top: 1px solid #ced4d9; border-bottom: 1px solid #ced4d9; border-left: 1px solid #ced4d9; background: #fcc286; overflow-x: scroll; }
.company .form-control-plaintext p{margin-bottom: 0;}
.company .fa-check, .company .cdata .form-control, .editcontact .form-control, .editcontact .fa-check, .editaddress .form-control, .editaddress .fa-check, .company #cke_facts{ display: none; }
.company #cke_facts{ min-width: 70%; }
.company .contactfrm .input-group-prepend { width: 35%; }
.company .contactfrm .form-group { margin-bottom: 0; }
.company table td{ cursor: pointer; }
.company table a{ color: #fff; display: block; }
.company a{ color: #38312b; }
.diary ul{ padding: 0; }
.calendar ul{ padding: 0 5px; }
.calendar .date{ padding: 5px; }
.calendar td{ width: 14.28%; }
.calendar .cell{ min-height: 100px; }
.diary ul li, .calendar ul li{ list-style: none; background: #f38e2c; margin-bottom: 5px; padding: 2px 5px; border-radius: 10px; cursor: pointer; }
.table-striped tbody tr td span{ list-style: none; cursor: pointer;font-weight: bolder; }
/* .diary ul .complete, .calendar ul .complete, .table-striped tbody tr td span .complete{ background: #a2a3a4; } */
.diary ul .complete, .calendar ul .complete{ background: #a2a3a4; }
.diary ul .gift, .calendar ul .gift, .table-striped tbody tr td span .gift{ background: #00b050; color: #fff;}
.diary-entry{color: #6c757d;padding: 5px;border: black 1px solid;}
.entryModal .modal-content {background: #fcc387;}
.entryModal .modal-dialog {border: 1px solid black;}
.entryModal .modal-body {margin-top: -16px;}
.entryModal .modal-header {border-bottom: 0px; background: #69645f; padding: 5px;}
.entryModal .modal-title {margin-bottom: 0; line-height: 1.5; color: #F38E2C;}
.entryModal .modal-footer {border-top: 1px solid black;display: block;}

.tblcontact .selected{ font-weight: bold; }

.ui-datepicker{ z-index: 9999 !important; }

.sidebar{ padding: 0; list-style: none; }
.sidebar li{ background-color: #a2a3a4; padding: 2px 10px; margin-bottom: 3px; font-size: 18px; }
.sidebar li.active{ background-color: #69645f; }
.sidebar li a{ color: #fff; display: block; }
.sidebar li:first-child{ border-top-right-radius: 5px; border-top-left-radius: 5px; }
.sidebar li:last-child{ border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

/* OCR Style */
section main{ background-color: #fff; min-height: 500px; color: #58595b; padding: 5px 10px; border: 3px solid #58595b; }
.tmprow{ border: 3px solid #58595b; min-height: 100px; }
.tmprow .thumbnail{ margin: 5px 0; border: 2px solid #58595b; height: 154px; border-radius: 10px; overflow: hidden; }
.dcreator, .coladd, .imgback, .textdesign{ background-color: #fff; min-height: 400px; color: #58595b; padding: 10px; }
.dcreator p, .coladd p{ margin: 0; text-align: center; }
.dcreator i, .coladd i{ font-size: 60px; }
.coladd h3, .imgback h3, .textdesign h3{ background-color: #ccc; padding: 10px; margin: -10px; margin-bottom: 10px; }
.coladd input{ margin-left: -30px; margin-top: 25px; position: absolute; }

.blink{
	-webkit-animation: amber-animation 1s infinite;  /* Safari 4+ */
	-moz-animation: amber-animation 1s infinite;  /* Fx 5+ */
	-o-animation: amber-animation 1s infinite;  /* Opera 12+ */
	animation: amber-animation 1s infinite;  /* IE 10+, Fx 29+ */
}
@-webkit-keyframes amber-animation {
	0%, 49% {
		/*background-color: rgb(117, 209, 63);*/
		/*border: 3px solid #e50000;*/
	}
	50%, 100% {
		background-color: #F38E2C;
		color: #fff;
		/*border: 3px solid rgb(117, 209, 63);*/
	}
}


/* Drag and Drop Style*/

.ddover{ background-color: #ccc; }
.template .column{ width: 100%; min-height: 70px; display: inline-block; }
.template .column .content{ width: 100%; }
.template .column .title{ background: #F38E2C; color: #fff; padding: 2px 10px; font-size: 12px; display: none; }
.template .column:hover{ border: 1px solid #F38E2C; }
.template .column:hover .title{ display: block; }
/*.template .column .content: { display: block; }*/
.template .column .title span{ float: right; }
/*.template .col{ background-color: #979797; }*/
.template .colbg{ background-color: #979797; padding: 30px 0 !important; }
/*.template .txtrow, .template .imgrow{ margin: 20px 0;}*/
.template .col{ padding: 0; }
.template p{ margin: 0; }
.template textarea{ width: 100%; }
.template img{ max-width: 100%; }

.modal .display img{ max-width: 100%; }
.modal .display .title{ display: none; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
  padding: 5px;
  text-align: center;
}

.next-pre i{font-size: 40px;margin-right: 10px;}
#contactGiftModal .giftdata{background-color: #fcd5ab;color:#58595b;text-align: center;padding: 4px;}
#contactGiftModal .input-group .gifttitle{font-weight: bold;justify-content: center;}
#contactGiftModal .input-group .cbtn{margin-left: 10px;border-radius: 5px;padding: 5px 10px;}
#contactGiftModal .input-group .sbtn{margin-left: 10px;border-radius: 5px;padding: 5px 20px;}
#contactGiftModal .input-group .action-text{background-color: #fcd5ab;color:#58595b;border: none;}
#contactGiftModal .input-group #giftdate{background-color: #fcd5ab;color:#58595b;text-align: center;border: none;}
#contactGiftModal .input-group-append i{color: #F38E2C;}
#contactGiftModal table{border-collapse: separate;border-spacing: 3px;margin-top: 0px;}
#contactGiftModal table .gifttable{background-color: #fcd5ab;color:#58595b;text-align: center;font-weight: bold;padding: 5px;}
#contactGiftModal table .giftview{background-color: #fcd5ab;text-align: center;font-weight: bold;padding: 5px;}
#contactGiftModal table .giftview i{margin-right: 10px;cursor: pointer;}
#contactGiftModal .modal-body .gift-heading{background-color:#58595b;border:1px solid white;text-align: center;padding: 5px;color:#F38E2C;margin-bottom: 4px;font-weight: bold;font-size: 18px;}

#tradeModal .modal-content{background-color:#f38e2c;color: #434343;}
#tradeModal .modal-content .modal-body h5{background-color: #57585b;color: #f38e2c;border: 1px solid #fff;font-weight: bold;font-size: 15px;padding: 5px;}
#tradeModal .modal-content .modal-body form{padding: 25px;}
#tradeModal .modal-content .modal-body{padding: 0;}
#tradeModal .modal-content .modal-body form .inputtitle{font-weight: bold;font-size: 15px;padding: 8px;}
#tradeModal .modal-content .modal-body form .savebtn{border: 1px solid white;margin-left: 40px;}
#tradeModal .modal-content .modal-body form .cancelbtn{border: 1px solid white;background-color: red;color: white;}
.ocrtrade .editTrade{cursor: pointer;}
.dataTables_length{display: none!important;}
#DataTables_Table_0_filter{display: none!important;}
.dataTables_info{display: none!important;}
.dataTables_paginate{display: none!important;}
.ocrtrade {border-collapse:collapse;font-size: 12px;margin-top: 25px!important;}
.ocrtrade thead th{text-align: center;border-bottom: 1px solid #fff;vertical-align: middle;}
.ocrtrade tbody th, .ocrtrade tbody td{padding:0.25rem!important;text-align: center;vertical-align: middle!important;}
.ocrtrade tbody td{background-color: #f9af5d;}
.exportfile{float: right;}
.exportfile a{color: #fff!important;}
.bulkedit{float: right; margin-left: 10px !important; color: #fff!important;}
.bulkdelete{float: right; margin-left: 10px !important; color: #fff!important;}
#bulkeditModal .modal-dialog{max-width: 1180px !important; width: 1180px !important;}
.dragdrop{margin-top: 20px;margin-bottom: 10px; width: 100%; height: 150px; background: #FCD5AA; border:2px dashed #57585b;color: #DDDEDE; padding: 40px 40%; font-size: 14px; }
.dragdrop::before{ content: '.'; background-image: url(/static/images/arrow-alt-circle-down-solid.svg); display: inline-block; padding: 25px 28px; cursor: pointer; font-size: 5px; margin-left: 15px; margin-bottom: 10px; }
.navbar{ font-size: 14px; padding: 5px 0; background: #57585b; }
.navbar-dark .navbar-nav .nav-link {color: #FFFFFF;font-size: 16px;}
.navbar-dark .navbar-nav .nav-link:hover {color: #F78E1E;}
.navbar .active a{color: #F78E1E !important;}
.navbar .active{color: #F78E1E !important;}
.navbar-collapse{ background: #57585b; z-index: 99; }
.navbar .dropdown{ padding-left: 10px; }
.dropdown-item{ color: #fff; }
.dropdown-item:focus, .dropdown-item:hover{ background-color: #f08e33; }
.ocrtrade .duplicateTrade{-webkit-animation: blinker 1s infinite;-moz-animation: blinker 1s infinite;-o-animation: blinker 1s infinite; animation: blinker 1s infinite;}
.tradecount{background-color: #57585b;text-align: center;font-size: 20px;padding: 4px;border-radius: 5px;}
@-webkit-keyframes blinker {
	0%, 49% {
	  background-color: #f9af5d;
	}
	50%, 100% {
	  background-color: yellow;
	}
  }

.cke_notifications_area{ display:none !important; }
#cke_id_body{
  width: 100% !important;
}

.showmore, .showless{
	color: #007bff !important;
}
.ocrtradeselect .form-control{background-color: #f9af5d !important;}
.tradecount div{font-size: 12px;}
.eshotstable .mw-105{
	min-width: 105px !important;
}