header{
	min-height: 110px;
	background-color: #000;
}
.ui-datepicker-calendar  td{
	width: auto !important;
}
.field-value a {
	color: #3fb2bf;
}
*:focus {
    outline: 0;
}
td{
	width: 50%;
	border: none;
}
.main-menu li a:hover {
    color: #3fb2bf
}
.invert {
    -webkit-transform: rotate(90deg);   
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    display:inline-block;
}
.date-search input{
	width: 30% !important;
}
.date-search{
	margin-right: 10px;
}
#keywords {
  margin: 0 auto;
  font-size: 1.2em;
  margin-bottom: 15px;
}


#keywords thead {
  cursor: pointer;
  background: #c9dff0;
}
#keywords thead tr th { 
  font-weight: bold;
  padding: 12px 30px;
  padding-left: 42px;
}
#keywords thead tr th span { 
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

#keywords thead tr th.headerSortUp, #keywords thead tr th.headerSortDown {
  background: #acc8dd;
}

#keywords thead tr th.headerSortUp span {
  background-image: url('up-arrow.png');
}
#keywords thead tr th.headerSortDown span {
  background-image: url('down-arrow.png');
}


#keywords tbody tr { 
  color: #555;
}
#keywords tbody tr td {
  padding: 15px 10px;
}

#project-select{
	max-width: 260px;
}
.filter{
	clear: both;
}

.filter label{
	padding-right: 10px;
}

.left{
	text-align: left;
	padding-left: 10px;
}
.right{
	text-align: right;
	padding-right: 10px;
}
.remove{
	background-image:url('minus.png');
	background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    float: right;
    border: none;
    background-position: center;
    border-radius: 50%;
    cursor: pointer;
}
.add{
    cursor: pointer;
	background-image: url('plus.png');
	background-repeat: no-repeat;
	width: 30px;
    height: 30px;
    border: none;
    background-position: center;
    border-radius: 50%;
}
/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}
.active-link {    
	border: 2px solid #40C189;
    background: gray !important; }
.login-label{
	text-align: center;
}
.main-menu {
    float: right;
	padding-right: 20px;
	margin-right: 8%;
}
.main-menu li a{
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
}
.main-menu li{
	display: inline;
	padding: 20px;
}
.container{
    width: 100%;
    min-height: 90%;
    vertical-align: middle;
    display: flex;
    justify-content: center;
}
.all-requests{
    width: 100%;
}
.contact-container{
	text-align: center;
}
.send-button{
	text-decoration: none;
    color: #3fb2bf;
    border: 1px solid #3fb2bf;
    border-radius: 5px;
    padding: 10px;
    /* text-align: left; */
    background: transparent;
    float: right;
    margin-top: 50px;
    width: 100%;
}
.dropbtn {
    color: white;
	background: #000;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #fff;
	background-color: #000;
    padding: 12px 16px;
    text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #fff; color: #000;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #000;
}
body{
	margin: 0px;
	font-family: Arimo, Helvetica, sans-serif;
}
footer{
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 80px;
  background-color: #000;
  text-align: center;
  margin-bottom: -20px;
}
footer p {
	color: #fff;
	text-align: center;
	padding-top: 2%;
}
#basicModal{
	display:none;
}
.flex-dialog {
    display: flex;
    padding-bottom: 10px;
}

.fixed {
    width: 250px;
    text-align: right;
    font-weight: 600;
    padding-right: 20px;
}
.flex-item {
    flex-grow: 1;
}
.dialog-content {
    width: 80%;
    align-items: center;
    margin: 0 auto;
}
.dialog,#edit_user_div{display: inline;}
.dialog-left{
    width: 50%;
    float: left;
	text-align: right;
    padding-right: 20px;
}
.ui-dialog{
	width: 750px !important;
	top: 120px !important;
	left: 25%;
}
.left-td{
    width: 20% !important;
    padding-right: 20px;
}
.wrapper{
    align-items: center;
    width: 100%;
    display: flex;
    justify-content: center;
    min-height: 100%;
}
.user-operation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.user-operation li {display: inline;}
.all-users th, .all-users td {
    border-bottom: 1px solid #ddd;
	font-size: 14px;
}
.action{padding-right: 10px;}

.req-view {width: 100%; margin-bottom: 50px;}
.all-users tr:nth-child(even) ,
.single-request tr:nth-child(even) {background-color: #f2f2f2}
.logo_image {
    text-align: center;
    padding-top: 10px;
    margin-bottom: 20px;
}
.all-users td{
	width: auto;
    padding-bottom: 5px;
    border-right: 1px solid #eee;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 20px;
}
.field-desc {
    padding-right: 20px;
	text-align: right;
	width: 200px;
	border-right: 1px solid #f2f2f2;
    padding-bottom: 5px;
    padding-top: 5px;
}
.field-value{
	text-align: left;
	padding-left: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
}
.single-request th{
	border-right: 1px solid #f2f2f2;
}
.all-users th,
.single-request th{
    background-color: #3fb2bf;
    color: white;
	padding: 10px 20px;
}
#export-beneficiaries{
    color: #3fb2bf;
    background-color: transparent;
}
.request-operation {
	display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    text-align: center;
	border: 1px solid #3fb2bf; 
	border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
}
.request-operation a{
	text-decoration: none;
    color: #3fb2bf;
    text-align: left;
}
.add-request{margin: 0 auto; width: 100%;}
.add-request a,
.active-menu a {
	color: #3fb2bf !important;
}
.right-button{
    float: right;
}
input[readonly]
{
    background-color:#eee;
}
table{margin: 0 auto;table-layout: auto;border: none;}
.request-number{font-size: 26px;}
.addvanced-operation{    width: 20%; float: right;}
.all-users{margin-top: 2%; min-width: 980px;}
.login-div{padding: 100px; display: flex; align-items: center; justify-content: center;}
.login-div p{text-align: center;}
.loged_user{color: #fff;float: right;padding-right: 50px;}

.login-title{
    text-align: center;
}
.black{
    color: #555;
}
.flex{
    display: flex;
    align-items: center;
    justify-content: center;
}
.curr{
	max-width: 110px;
    border-radius: 5px;
	font-size: 1em;
    border: 1px solid #d1d1d1;
    padding: 8px;
    margin-left: 30px;
}
.new-reff{
    padding-top: 15px;
    padding-left: 2px;
}
#selected_currency,
.main_currency{
	width: 25%;
    float: right;
}
.login-input{
    min-height: 35px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
	font-size: 1em;
    border: 1px solid #d1d1d1;
	width: 100%;
    padding: 8px;
}
.search-section {
    width: 100%;
    padding-left: 0px;
}
.search-input {
	min-height: 35px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
	font-size: 1em;
    border: 1px solid #d1d1d1;
	width: 75%;
    padding: 8px;
}
.button,
.page-num a{
	color: #3fb2bf;
}
.page {
    display: inline-flex;
    align-items: center;
    margin-right: 30px;
}
.page-num {
	list-style: none;
    padding: 10px;
    color: #3fb2bf;;
}
.last {
    padding-left: 30px;
}
.current{
	list-style: none;
    padding: 10px;
    background: #3fb2bf;
    color: #fff;
}
.p-button {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 0px;
}
.button-search{
	height: 35px;
    background: transparent;
    border: 1px solid #3fb2bf;
    color: #3fb2bf;
    font-size: 17px;
    border-radius: 5px;
    text-transform: uppercase;
    outline: 0;
}
.button-style:hover,
.button-search:hover,
.button-style-request:hover,
.settings-form #change_notification:hover,
#export-beneficiaries:hover,
.request-operation:hover,
.add-new a:hover,
.see-options:hover,
.single-request a:hover,
.request-operation a:hover{
	background-color: #3fb2bf;
	color: #fff !important;
}
.button-style{
	margin-left: 100%;
    margin-top: 20%;
	height: 35px;
    background: transparent;
    border: 1px solid #3fb2bf;
    color: #3fb2bf;
	text-transform: uppercase;
    font-size: 17px;
    border-radius: 5px;
}

.button-style-request{
	
	height: 35px;
    background: transparent;
    border: 1px solid #3fb2bf;
    color: #3fb2bf;
	text-transform: uppercase;
    font-size: 17px;
    border-radius: 5px;
}

.login-button{
	height: 40px;
    padding-left: 30px;
    padding-right: 30px;
    background: transparent;
    border: 1px solid #3fb2bf;
    color: #3fb2bf;
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 5px;
}
textarea{
	border: 1px solid #d1d1d1;
	border-radius: 10px;
}
.login-submit{
    width: 40%;
    margin-left: 30%;
    min-height: 40px;
    background-color: #40b1c1;
	text-transform: uppercase;
	font-size: 20px;
    color: #fff;
}
.content{
    width: 50%;

    float: right;
    text-align: right;
}
#date_input{text-indent: -500px;height:25px; width:200px;}
.required{
	color: red;
}
.no-result{
    text-align: center;
    color: red;
    font-size: 20px;
	float: left;
}
#project_amount{
    width: 220px;
}

#percentage_tor{
	margin-top: -20px;
}
.free-tor{
color: green;
}
.full-tor,
#worrning-message,
#username-exists,
#email-exists{
color: red;
}
.search-button{
    width: 80%;
    float: left;
}
.search-button .content{
	width: 100%;
}
.add-new{
    width: 20%;
    float: left;
    padding-top: 20px;
    height: 50px;
}
.add-new a{
    text-decoration: none;
    color: #3fb2bf;
    border: 1px solid #3fb2bf;
	border-radius: 5px;
    padding: 10px;
    text-align: left;
}
.req_active, .active{
	text-decoration: none;
    background: #40C189;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}
.torForm td {
    width: 30%;
}
.archived{
    text-decoration: none;
    background: #C19740;
    padding: 10px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
}
.uppdated-message {
    color: #fff;
    text-align: center;
    background: #7ab67a;
    padding: 10px;
}
.error-message {
    color: #fff;
    text-align: center;
    background: #e35454;
    padding: 10px;
}
.completed{
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    background: rgba(62, 75, 81, 0.77);
    padding: 10px;
    font-weight: 700;
}
.see-options {
	text-decoration: none;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
}
.see-options li {
	 display: inherit;
	 text-decoration: none;
}
.see-options{
	text-align: center;
    display: inherit;
    background: #ddd;
    padding: 20px;
    margin-bottom: 10px;
}
.developer{
	color: gray;
}
a{
	color: #fff;
    text-decoration: none;
}
#curr_symbol{
	text-transform: uppercase;
}
.myinput.large{
    height:22px;
    width: 22px;
}

.myinput.medium{
    height:15px;
    width: 15px;
}

.myinput.large[type="checkbox"]:before{
    width: 20px;
    height: 20px;
}
.myinput.large[type="checkbox"]:after{
    top: -20px;
    width: 16px;
    height: 16px;
}
/* Custom checkbox */
.myinput.large.custom[type="checkbox"]:checked:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGHRFWHRBdXRob3IAbWluZWNyYWZ0aW5mby5jb23fZidLAAAAk0lEQVQ4y2P4//8/AyUYwcAD+OzN/oMwshjRBoA0Gr8+DcbIhhBlAEyz+qZZ/7WPryHNAGTNMOxpJvo/w0/uP0kGgGwGaZbrKgfTGnLc/0nyAgiDbEY2BCRGdCDCnA2yGeYVog0Aae5MV4c7Gzk6CRqAbDM2w/EaQEgzXgPQnU2SAcTYjNMAYm3GaQCxNuM0gFwMAPUKd8XyBVDcAAAAAElFTkSuQmCC'), linear-gradient(135deg, #B1B6BE 0%,#FFF 100%);
}
.myinput.large.custom[type="checkbox"]:not(:disabled):checked:hover:after{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGHRFWHRBdXRob3IAbWluZWNyYWZ0aW5mby5jb23fZidLAAAAk0lEQVQ4y2P4//8/AyUYwcAD+OzN/oMwshjRBoA0Gr8+DcbIhhBlAEyz+qZZ/7WPryHNAGTNMOxpJvo/w0/uP0kGgGwGaZbrKgfTGnLc/0nyAgiDbEY2BCRGdCDCnA2yGeYVog0Aae5MV4c7Gzk6CRqAbDM2w/EaQEgzXgPQnU2SAcTYjNMAYm3GaQCxNuM0gFwMAPUKd8XyBVDcAAAAAElFTkSuQmCC'), linear-gradient(135deg, #8BB0C2 0%,#FFF 100%);
}

.ui-datepicker .ui-datepicker-header, .ui-datepicker th {
    padding:0;
}
.ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
}
.ui-datepicker table {
    font-size:0.7em;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid gray;
    color: gray;
}
.ui-datepicker .ui-datepicker-header {
    border: medium none;
    left: -1px;
    margin: -5px -4px 3px;
    padding: 0.2em 0;
    border-radius:0px;
    background:#3fb2bf;
}
.ui-datepicker-trigger {
    display: none;
}
.ui-datepicker-trigger:hover {
    cursor:pointer;
}
.datepicker {
    cursor:pointer;
}

.page-before-after{
    color: #3fb2bf; 
}
.back_link{
    color: #3fb2bf;
    font-size: 12px;
}
#customForm{
	margin-top: 20px;
	padding: 0 10px 10px;
}
.go-back{
    margin-bottom: 20px;
}
.clear-filter{
    color: red;
    padding: 10px;
    font-size: 12px;
    float: right;
}
.right{
    padding-right: 20px !important;
}
.modal-table tr{
    height: 35px !important;
    background-color: transparent !important;
}
.modal-table tr td{
    border: none;
}
.modal-table tr td:first-child{
    text-align: right;
    padding: 0px 30px;
}
.btn-primary{
    background-color: #3fb2bf;;
}
.btn-primary:hover{
    background-color: #212529;;
}
.action-buttons{
    text-align: center;
    margin-top: 30px;
}

@media (min-width: 1200px){
    .container {
        max-width: inherit;
    }
}
.request_result{
    width: 1455px !important;
}
#percentage_error{
    color: red;
}
.change_status,
.change_mandates,
.change_approvers,
.change_nominal{
    margin-right: 20px;
    font-size: 12px;
}
.change_manadates_list,
.change_approvers_list,
.change_nominal_list{
    display: flex;
    align-items: center;
}
.mandate_filter{
    width: 95px !important;
}
.mandates_percentage{
    width: 90px !important;
}
.myinput.large:checked::before{
    background-color:green !important;
}
.message{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 110px;
    width: 100%;
    
}
#success_message{
    background: green;
    color: #fff;
    opacity: 0.41;
    padding: 10px;
    width: 100%;
    text-align: center;
}

#error_message{
    background: rgb(243, 26, 26);
    color: #fff;
    opacity: 0.41;
    padding: 10px;
    width: 100%;
    text-align: center;
}

#filter-tor-btn{
    float: right;
}
.center{
    text-align: center;
}
.settings-form{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    color: #555;
}
.settings-form #change_notification{
    height: 35px;
    background: transparent;
    border: 1px solid #3fb2bf;
    color: #3fb2bf;
    border-radius: 5px;
    outline: 0;
}
.global_settings{
    margin-top: 20px;
    text-transform: uppercase;
    color: #555;
}
#edit_user_div .right{
    padding-right: 20px;
}

.disable_div{
    pointer-events: none;
    background: #8080800d;
}